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>
相关推荐
一个响当当的名号2 分钟前
lectrue9 索引并发控制
java·开发语言·数据库
进阶小白猿5 分钟前
Java技术八股学习Day30
java·开发语言·学习
2601_9498683618 分钟前
Flutter for OpenHarmony 电子合同签署App实战 - 主入口实现
开发语言·javascript·flutter
m0_7482299919 分钟前
Vue2 vs Vue3:核心差异全解析
前端·javascript·vue.js
C澒41 分钟前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..44 分钟前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
摘星编程1 小时前
在OpenHarmony上用React Native:自定义useHighlight关键词高亮
javascript·react native·react.js
hhy_smile1 小时前
Class in Python
java·前端·python
小邓吖1 小时前
自己做了一个工具网站
前端·分布式·后端·中间件·架构·golang
南风知我意9571 小时前
【前端面试2】基础面试(杂项)
前端·面试·职场和发展