有時候前端圖片加載出錯,頁面空白一塊影響體驗
replaceErrorImg(){
document.removeEventListener("error",imgErrorReplace);
document.addEventListener("error",imgErrorReplace, true);
function imgErrorReplace (e) {
console.log(e,"發(fā)現(xiàn)圖片加載失敗")
var normalUrl = store.state.mindFlowType == "mind" ? require("../assets/img/view_mind.svg") : require("../assets/img/view_flow.svg");
var elem = e.target;
if (elem.tagName.toLowerCase() == "img" && elem.src != normalUrl && elem.parentNode.className.indexOf("view")>-1 ) {
elem.src = normalUrl;
}
}
}
if (elem.tagName.toLowerCase() == "img" && elem.src != normalUrl && elem.parentNode.className.indexOf("view")>-1 )
這里的 第一個條件 判斷 當(dāng)前元素是 img標(biāo)簽 :必須
第二個條件 圖片地址不是替換的地址:必須
第三個條件 頁面中需要加載出錯的替換的地方,用className 標(biāo)識:可變