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

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

如图:

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

 

2.第一次写:

如图:

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

 

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

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

如图:

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

 

4.解决方案:

1、使用require引入图片

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

2、使用img的onerror属性

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

 

相关文章:

  • 2022-12-23
  • 2021-03-31
  • 2022-12-23
  • 2021-11-05
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-10-27
  • 2021-05-16
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-13
相关资源
相似解决方案