美文网首页
vue项目中img src路径不存在时,显示默认图片

vue项目中img src路径不存在时,显示默认图片

作者: Sun____ | 来源:发表于2019-08-22 15:00 被阅读0次

    vue项目:

    <img :src="item.userIcon ? item.userIcon : ''" :onerror="defaultAvatar">
    
      computed: {
        defaultAvatar () {
          return 'this.src="'+ require('../../../assets/images/avator@2x.png') +'"'
        }
      }
    

    注意::src="item.userIcon ? item.userIcon : ''"这里如果写为:src="item.userIcon",那么在item.userIcon=null或者其它一些情况下不会触发onerror。

    angularJs:

    <img ng-src="item.userIcon ? item.userIcon : ''"
    onerror="javascript: this.src = '../../images/darkBlue/userSet/avatar.png';"
    >
    

    相关文章

      网友评论

          本文标题:vue项目中img src路径不存在时,显示默认图片

          本文链接:https://www.haomeiwen.com/subject/yimnsctx.html