当Vue中img的src是动态渲染时不显示问题

标签：不显示   mic   图片   一个   err   http   显示   error   展示   

最近遇见动态渲染img时，想起了当初刚开始写vue时，曾经遇见的一个小小坑。

Vue中：img的src属性是动态渲染时
不显示问题
1.需求：展示用户头像，数据从后台获取，如果没有拿到则显示默认图片。

如图：

2.第一次写：

如图：

3.结果（汗。。。）并没有显示默认图片来代替：

审查元素发现没显示默认的图片，图片没有被打包。。。。

如图：

4.解决方案：

1、使用require引入图片

2、使用img的onerror属性

当Vue中img的src是动态渲染时不显示问题

标签：不显示   mic   图片   一个   err   http   显示   error   展示   

原文地址：https://www.cnblogs.com/xiaoqi2018/p/10763546.html