从后台获取的图片地址,如果网络不好或者图片地址有误,页面加载不出来图片会影响用户体验,所以需要在设置一下图片加载失败时的展示路径
<img style="width:15%;" :src="xxx" :onerror="defaultSrc">
export default {
data(){
return{
defaultSrc:'this.src="' + require('../assets/img/defaultAvatar.png') + '"',
}
},
}
如果直接写成
onerror='this.src="' + require('../assets/img/defaultAvatar.png') + '"'
,页面就会在src
的两个地址中间来回跳转,导致循环刷新