当项目中遇到大量图片需要引入时,需要循环路径去渲染,: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'},
...
];