vue img 绑定 src 无效(unknown) 的解决方案
这几天在使用vue写一个登录界面,需要将后台传给的图片验证码渲染到页面上,但使用v-bind一直不可以,具体代码如下:
<img :src=“imgCode”
style=“margin-right:30px;width:100px”
@click=“getSmsCode”/>
下面是script片段
data() {
return {
imgCode:’’
}
},
methods:{
var uuid = this.uuid
let data ={
uuid:uuid
}
axios({
headers: { “Content-Type”: “application/x-www-form-urlencoded” },
methods: “get”,
responseType: “blob”,
url: ‘url’,
data: qs.stringify(data),
}).then((response) => {
console.log(response.data);
this.imgCode = window.URL.createObjectURL(response.data);
});
}
但这样从element里面看到的img 标签中的src始终等于unknown,界面上也没渲染出任何图片;
于是便在网上debug,首先很感谢
https://blog.csdn.net/weixin_45817240/article/details/111589847
这位