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>
相关推荐
谢尔登4 分钟前
01_Java基础速通
java·开发语言
梦曦i4 分钟前
@meng-xi/uni-router 未来展望:夯实基础、深化体验、探索前沿
前端·uni-app
前端炒粉4 分钟前
DOM 常用 API 速查表
开发语言·javascript·ecmascript
Yeyu5 分钟前
AAOS AppCard 实践:怎么把自己的 App 塞进别人的卡片里
前端
星云API技术支持18 分钟前
企业微信二次开发:如何建立统一的错误处理、日志与请求追踪机制
javascript·企业微信·ruby
lemon_sjdk40 分钟前
javafx-Image图像(2)
java·javafx
IT_陈寒1 小时前
Vite静态资源路径这个大坑害我调了一下午
前端·人工智能·后端
狗哥哥1 小时前
分享下我的读书清单
前端
小七在进步1 小时前
C++入门(2)
java·jvm·c++
To0R1 小时前
Agent 上线前必须过的五道门(附 Spring Boot 实现)
java