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

今天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循环显示的图片路径不一样
单个图片
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')}],

在这里插入图片描述

posted @ 2021-03-01 17:20  倔强的烤马铃薯  阅读(20)  评论(0)    收藏  举报  来源