在vue开发过程中img标签,当src的url失效时
1,使用默认图片代替
<img :src="url" @error="nofindImg()"/>
nofindImg(){
let img = event.srcElement;
img.src = "../../../static/404.png";
img.onerror = null; //防止一直跳动
},
2,直接删除标签
//onError:当图片加载出现错误,会触发this.remove()移除标签
<img :src="url" :οnerrοr="default"/>
data() {
return {
url:'',
default: 'this.remove()'
}
}