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

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; //防止闪图
 }
本人写的第一篇文章,希望对你有帮助

你可能感兴趣的:(样式css,onerror,vue,img加载失败)