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; //防止閃圖
 }
本人寫的第一篇文章,希望對你有幫助
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章