vue项目中 img标签加载失败方法,onerror事件的两种方法

第一种方法

< 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; //防止闪图
 }
本人写的第一篇文章,希望对你有帮助
发布了6 篇原创文章 · 获赞 3 · 访问量 4915

猜你喜欢

转载自blog.csdn.net/qq_39882537/article/details/90318296
今日推荐