在我們平時(shí)項(xiàng)目的開發(fā)過程中凤藏,經(jīng)常會做展示網(wǎng)絡(luò)圖片的需求,但是由于網(wǎng)絡(luò)等各種原因?qū)е聢D片加載失敗,無法展示出來雹洗,UI會給到我們一張默認(rèn)圖片來占位,通常我的處理方式如下:
// 圖片
<img class="person-header" :src="netImg" :onerror="defaultImgae" alt="" >
// 默認(rèn)圖片
data() {
return {
// 默認(rèn)圖片地址
defaultImgae:
'this.src="' + require("./image/default.png") + '"',
}
}
希望能夠幫到你N圆āJ敝住!