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; //防止閃圖
}