vue项目中 img标签加载失败方法,onerror事件的两种方法
vue项目中 img标签加载失败方法
·
vue项目中 img标签加载失败方法 ?css
第一种方法
< img src=“123” :οnerrοr=“defaultImg” />
默认图地址
defaultImg: ‘this.remove()’
因为错误图片在各个浏览器失败的样式都一样,所以地址错误时,直接删除img标签
第二种方法
< img src=“123” @error=“defImg()” />
默认图地址
defaultImg: require("./img/defPic.png")
defImg(){
let img = event.srcElement;
img.src = this.defaultImg;
img.onerror = null; //防止闪图
}
本人写的第一篇文章,希望对你有帮助
更多推荐
已为社区贡献3条内容
所有评论(0)