Vue图像Src绑定未显示

11 浏览
0 Comments

Vue图像Src绑定未显示

你好，我正在创建一个上传图片的功能，但在预览图片时遇到了问题。我看到了这个解决方案，并尝试复制，文件已选择并且Blob URL也显示出来，但是URL和更新方面出了问题。这是文章的链接。如果可能的话，还请将上传功能仅限于图片文件。

查看上传的解决方案

HTML代码：

方法：

data(){
return {
   imageSelectedUrl:null
};
    },
methods:{
uploadImageChange(e){
      const file = e.target.files[0];
      this.imageSelectedUrl = URL.createObjectURL(file);
    }
}

0

1 答案

0 Comments

问题出现的原因是在定义data属性时，漏写了闭合的大括号。解决方法是将缺失的大括号添加到data属性的定义中。具体代码如下：

data () {
        return {
            imageSelectedUrl: null
        }
    }

。

0