vue项目-img 标签的 error 事件

场景描述

在做vue项目的时候，对img的src动态赋值后，还需要监听下 img 标签的 error 事件，如果这个图片不存在的场景下，需要设置为默认的。

解决方案

<img :src="getSrc()" @error="onImgError($event)" />

//图片不存在时触发
onImgError(e){
	let img = e.srcElement;
    img.src = `static/images/icon_50_50/0.png`;
    img.onerror = null;
}