# vue项目里，img标签报错，添加默认图片 ~~~ 问题描述： 后台返回了图片路径，但是数据库中，并没有图片资源。毕竟是使用了第三方的存储 ~~~ 解决方案： 使用img标签的onerror属性。 例子： ~~~ // 直接加载 <img src="../../assets/img/timg.jpg"> // 设置为logo.png加载失败后显示的默认图片 <img src="/logo.png" onerror="this.src=../../assets/img/timg.jpg"> ~~~ * webpack改变图片的路径 ~~~ <img src="/logo.png" :onerror="defaultImg"> data() { return { defaultImg: 'this.src="' + require('../../assets/img/timg.jpg') + '"' } } ~~~