当Vue中img的src是动态渲染时不显示问题
Posted xiaoqi2018
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了当Vue中img的src是动态渲染时不显示问题相关的知识，希望对你有一定的参考价值。
最近遇见动态渲染img时，想起了当初刚开始写vue时，曾经遇见的一个小小坑。
Vue中：img的src属性是动态渲染时
不显示问题
1.需求：展示用户头像，数据从后台获取，如果没有拿到则显示默认图片。
如图：
2.第一次写：
如图：
3.结果（汗。。。）并没有显示默认图片来代替：
审查元素发现没显示默认的图片，图片没有被打包。。。。
如图：
4.解决方案：
1、使用require引入图片
2、使用img的onerror属性
以上是关于当Vue中img的src是动态渲染时不显示问题的主要内容，如果未能解决你的问题，请参考以下文章