img中src地址无法访问,显示默认图片

从后台获取的图片地址,如果网络不好或者图片地址有误,页面加载不出来图片会影响用户体验,所以需要在设置一下图片加载失败时的展示路径
<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的两个地址中间来回跳转,导致循环刷新

发布了27 篇原创文章 · 获赞 21 · 访问量 4599

猜你喜欢

转载自blog.csdn.net/weixin_43997143/article/details/103970567