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 里。