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 分钟前
ruoyi 请求参数类型不匹配,参数[giftId]要求类型为:‘java.lang.Long‘,但输入值为:‘orderGiftUnionList
android·java·okhttp
奋斗的老史2 分钟前
Spring Retry + Redis Watch实现高并发乐观锁
java·redis·spring
outstanding木槿3 分钟前
JS中for循环里的ajax请求不数据
前端·javascript·react.js·ajax
high20114 分钟前
【Java 基础】-- ArrayList 和 Linkedlist
java·开发语言
酥饼~10 分钟前
html固定头和第一列简单例子
前端·javascript·html
老马啸西风11 分钟前
NLP 中文拼写检测纠正论文 C-LLM Learn to CSC Errors Character by Character
java
一只不会编程的猫14 分钟前
高德地图自定义折线矢量图形
前端·vue.js·vue
所以经济危机就是没有新技术拉动增长了14 分钟前
二、javascript的进阶知识
开发语言·javascript·ecmascript
m0_7482509316 分钟前
html 通用错误页面
前端·html
来吧~25 分钟前
vue3使用video-player实现视频播放(可拖动视频窗口、调整大小)
前端·vue.js·音视频