欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

@error函數(shù)vue圖片加載失敗空白頁解決方案

 更新時間：2023年08月04日 11:46:59   作者：肥晨  
這篇文章主要介紹了@error函數(shù)vue圖片加載失敗空白頁解決方案，有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

@error函數(shù)

vue項(xiàng)目中 img標(biāo)簽加載失敗(404)方法，@error事件。

也可以用于項(xiàng)目中空白頁的研發(fā)。

img標(biāo)簽中有一個onerror事件。是當(dāng)引用的src屬性獲取不到圖片，或者網(wǎng)絡(luò)錯誤導(dǎo)致無法正常顯示src屬

性的圖片時，顯示的提示錯誤圖片或者是可以代替的萬能圖片。

@error就是onerror。

如何使用？

html代碼：

<img
    :src="item.imageUrl"
    class=""
    @error="imgError"
 />

JavaScript代碼：

imgError(e) {
      e.srcElement.src = require("圖片地址");
    },

可能出現(xiàn)的問題

碎片圖標(biāo)反復(fù)閃爍

imgError(e) {
      e.srcElement.src = require("圖片地址");
      e.srcElement.onerror=null;
    },

以上就是@error函數(shù)vue圖片加載失敗空白頁解決方案的詳細(xì)內(nèi)容，更多關(guān)于vue圖片加載失敗@error函數(shù)的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論