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>
相关推荐
AI玫瑰助手几秒前
Python函数:函数的文档字符串(docstring)编写
android·java·python
周末也要写八哥4 分钟前
线程的生命周期之“守护“线程
java·开发语言·jvm
乐之者v5 分钟前
地图技术后端开发的知识点
java
该用户已成仙10 分钟前
vue3 使用 vuedraggable 报错 TypeError: isFunction2 is not a function
前端·javascript·vue.js
aidou131410 分钟前
Kotlin中实现星级评价选择功能(仅支持整数)
前端·kotlin·自定义view·imageview·ontouchevent·customratingbar
亦暖筑序12 分钟前
Java 8老系统AI工具接入:API包装成受控工具,只读优先+权限拦截
java·人工智能·aigc·企业架构·mcp协议
砍材农夫13 分钟前
物联网实战:Spring Boot + Netty 搭建 MQTT 统一接入层
java·网络·spring boot·后端·物联网·spring
写代码的小阿帆13 分钟前
英语四六级证书审核(SpringBoot+Dify+RPA)
java·spring boot
良逍Ai出海13 分钟前
我用 Codex 搭了一个 WordPress 独立站
前端
redaijufeng14 分钟前
我在C++中深入理解了继承,收获颇丰
java·c++·算法