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

Posted 2021-10-22 xiaoqi2018

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

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

如图：

 

2.第一次写：

如图：

 

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

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

如图：

 

4.解决方案：

1、使用require引入图片

2、使用img的onerror属性