vuefor循环动态展示图片不显示

问题代码如下

javascript 复制代码
<div class="zjjc_list_bottom" v-for="(item, index) in zjjcList" :key="item.id">
     <img :src="'./assets/left_blue_' + (index + 1) + '.png'" alt="">
</div>

理论来说是不会有问题,但是就是展示不出来,直接写死文件名就可以显示出来

解决办法如下,加一层require包一下

javascript 复制代码
<div class="zjjc_list_bottom" v-for="(item, index) in zjjcList" :key="item.id">
      <img :src="require('./assets/left_blue_' + (index + 1) + '.png')" alt="">
</div>
相关推荐
lkbhua莱克瓦2426 分钟前
Java基础——集合进阶3
java·开发语言·笔记
街尾杂货店&26 分钟前
css - 实现三角形 div 容器,用css画一个三角形(提供示例源码)简单粗暴几行代码搞定!
前端·css
顺凡30 分钟前
删一个却少俩:Antd Tag 多节点同时消失的原因
前端·javascript·面试
小白路过33 分钟前
CSS transform矩阵变换全面解析
前端·css·矩阵
蓝-萧36 分钟前
使用Docker构建Node.js应用的详细指南
java·后端
爬山算法41 分钟前
Redis(110)Redis的发布订阅机制如何使用?
前端·redis·bootstrap
多喝开水少熬夜1 小时前
Trie树相关算法题java实现
java·开发语言·算法
REDcker1 小时前
前端打包工具 - Rollup 打包工具笔记
前端·笔记
前端大卫1 小时前
动态监听DOM元素高度变化
前端·javascript
Cxiaomu1 小时前
React Native App 图表绘制完整实现指南
javascript·react native·react.js