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>
相关推荐
万少1 小时前
小龙虾(openclaw),轻松玩转自动发帖
前端·人工智能·后端
Jagger_3 小时前
抱怨到躺床关灯的一次 DIY 记录
前端
陈随易6 小时前
前端大咖mizchi不满Rust、TypeScript却爱上MoonBit
前端·后端·程序员
whinc7 小时前
🚀 两年小程序开发,我把踩过的坑做成了开源 Skills
前端·微信小程序·ai编程
兆子龙8 小时前
ahooks useRequest 深度解析:一个 Hook 搞定所有请求
java·javascript
兆子龙8 小时前
React Suspense 从入门到实战:让异步加载更优雅
java·javascript
sure2828 小时前
React Native中创建自定义渐变色
前端·react native
KKKK9 小时前
SSE(Server-Sent Events)流式传输原理和XStream实践
前端·javascript
子兮曰9 小时前
Humanizer-zh 实战:把 AI 初稿改成“能发布”的技术文章
前端·javascript·后端