vue中需要引入大量图片时,如何循环图片路径引入

当项目中遇到大量图片需要引入时,需要循环路径去渲染,:src="" 总是获取到的路径被当做字符串处理,图片无法显示。

图片应该放在static下面,不要放在assets下。

<ul class="flex">
	<li @click="selectImgGroup(item,index)" v-for="(item,index) in imgData" :key='index'>
	   <img :src="item.src" width="64" alt="">
	</li>
</ul>
const imgData = [
  {src:'../../../static/images/DeviceImage/accelerator.png'},
  {src:'../../../static/images/DeviceImage/access_point.png'},
  {src:'../../../static/images/DeviceImage/accessPoint3Com.png'},
  ...
];
发布了47 篇原创文章 · 获赞 4 · 访问量 6673

猜你喜欢

转载自blog.csdn.net/lifangfang0607/article/details/103449893
今日推荐