vue图片onerror加载路径

vue里，img加载错误的时候，onerror属性可以加载错误图片的默认图片
有效解决显示默认图片同时还可以兼容IE哦

<img :src="userInfo.portrait ? userInfo.portrait : img " :onerror="img" class="p-portrait">

  data() {
    return {
      img: 'this.src="' + require('@/assets/1.jpg') + '"'
    }
  },
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 面试题
    前端开发面试题 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知...
    怡宝丶阅读 2,630评论 0赞 7
  • js基础（7）
    33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方（存储到物理硬盘中）1、不能跨浏览器传输：在...
    萌妹撒阅读 2,157评论 0赞 2
  • 如何实现图片懒加载，预加载！！
    提到前端性能优化中图片资源的优化,懒加载和预加载就不能不说,下面我用最简洁明了的语言说明懒加载和预加载的核心要点以...
    一只大橘阅读 3,984评论 0赞 9
  • 第一阶段
    day01­_起源和结构 结构：Xhtml xml 表现：CSS 行为：DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 1,263评论 0赞 1
  • Interview-Questions(web)
    前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型...
    Hebborn_hb阅读 859评论 0赞 1