在vue中v-for循环遍历图片不显示错误的解决方案

vue本地图片路径正确,但for循环不显示

<div v-for="(item,index) in img">
 	<img :src="item.imc" width="80" height="80"></img>
</div>



img:[{imc:'./ww.png'},{name:'./imc.png'}],

看了看代码路径也是正确的,而且单个是能显示的,可for循环之后图片就显示不出来了

最后发现单个显示的跟for循环显示的图片路径不一样

 经过改正加个require()就可以显示了

<div v-for="(item,index) in img">
 <img :src="item.imc" width="80" height="80"></img>
 </div>


img:[{imc:require('./ww.png')},{imc:require('./ww.png')}],

猜你喜欢

转载自blog.csdn.net/m0_70547044/article/details/130124933