問題現(xiàn)象:
解決方法:
<img :src="imgUrl || icon" @error="checkImg"/>
data() {
return {
imgUrl: "",//接口返回的圖片地址
icon:'static/imgs/defaultPerson.jpg',
}
}
method(){
checkImg(){
var img=event.srcElement;
img.src="/static/imgs/defaultPerson.jpg";//默認(rèn)圖片降瞳,供無圖片地址或圖片鏈接無效時展示
img.οnerrοr=null; //控制不要一直跳動
}
}