javascript - vue2 圖片載入失敗 佔位圖閃爍的問題

Question

在進行vue2.X開發時，圖片載入失敗時，給預設圖，但此時圖片會一直閃爍，

export const waterFallPlaceholder = e => {
    e.src = "../../images/WaterFallBanner.png";
    e.onerror = null;
    return e.src;
}

然後就苦苦陷入找問題中,不經意間把相對路徑的圖片轉換成了base64圖片，問題竟然解決了，由於對base64不是很了解，請問各位大神這問題的根源在哪裡

Answer 1

這樣的設置，webpack 無法打包圖片。寫在 template 裡。