vue 中 img 的 :src 拼接图片不显示

项目技术：vue + element ui
问题描述：在写列表时，需要根据文件类型(pdf、ppt、doc等)显示不同的图标

// 踩坑写法 ：
  <img  :src="'../../assets/img/'+type+'.png'" />
// 正确写法（1）-- 通过自定义方法 require
  <!-- html -->
    <img :src="bindImg(type)">
  <!-- js -->
   metods: {
      bindImg(type){
      let imgUrl = '@assets/img/'+type+'.png'
       require(imgUrl )
     }
   }
// 正确写法（2）-- src 中 require
    <img :src="require('@assets/img/'+ type + '.png')">

参考文件：
https://blog.csdn.net/qq_42693392/article/details/121716716
https://www.cnblogs.com/hwldyz/p/16599210.html

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容