当Vue中img的src是动态渲染时不显示问题(小白易坑)

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

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

Vue中:img的src属性是动态渲染时

不显示问题

1.需求:展示用户头像,数据从后台获取,如果没有拿到则显示默认图片。

如图:

2.第一次写:

如图:

3.结果(汗。。。)并没有显示默认图片来代替:

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

如图:

4.解决方案:(使用require引入图片)

点这里可以跳转到人工智能网站

发表评论