vue 之img的src是动态渲染时(即 :src=' ' )不显示 踩坑

Posted corgisyj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 之img的src是动态渲染时(即 :src=' ' )不显示 踩坑相关的知识,希望对你有一定的参考价值。

问题:

<img :src="item.image ? `../../assets/image/${item.image}` : ‘‘" alt="image"/>

 

解决方法:

     加上require() 即可 

<img :src="item.image ? require(`../../assets/image/${item.image}`) : ‘‘" alt="image"/>

以上是关于vue 之img的src是动态渲染时(即 :src=' ' )不显示 踩坑的主要内容,如果未能解决你的问题,请参考以下文章

vue中img的src动态渲染不显示问题

vue中img的src绑定

Vue中的坑vue项目中动态绑定src不显示图片解决方法

vue中img的src动态赋值(本地图片的路径)

vue中img的src动态赋值(本地图片的路径)

vue绑定动态img标签的src地址