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>
相关推荐
Hilaku4 分钟前
OpenClaw 为什么突然不火了?
前端·javascript·程序员
精益数智工坊12 分钟前
物料管理是什么?物料管理的具体工作有哪些?
大数据·前端·数据库·人工智能·精益工程
岩岩很哇塞!25 分钟前
【vue实现模仿探探卡片滑动切换效果】
前端·javascript·vue.js
user_admin_god37 分钟前
SSE 流式响应 Chunk 被截断问题的排查与修复
java·人工智能·spring boot·spring·maven·mybatis
我命由我123451 小时前
Java 开发 - CountDownLatch 不需要手动关闭
android·java·开发语言·jvm·kotlin·android studio·android-studio
小研说技术1 小时前
结构化输出让Agent返回可预测的格式数据
java·人工智能
两年半的个人练习生^_^1 小时前
PinYin4j汉字转拼音使用及踩坑
java
无我Code1 小时前
全套开源:一款云端服务+本地设备计算的文生图应用
前端·人工智能·后端
用户69371750013841 小时前
实测可用|小米 MiMo 百万亿 Token 免费领,开发者速冲
前端·后端·ai编程
Cat_Rocky2 小时前
通过k8s实现单pod部署
java·容器·kubernetes