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>
相关推荐
Da Da 泓3 分钟前
五子棋 Web 端测试用例报告
前端·网络·websocket·网络协议·测试用例·项目
秋天的怀念_David11 分钟前
第二十二夜 · 数字迷雾
java·程序人生·算法
Raas10024 分钟前
AI网关部署方案?从部署到上线全流程
java·开发语言·人工智能·gateway·ai网关·企业级ai网关·企业级ai产品
zxcvb1531 小时前
远程查看本地文档:一条轻量 Web 文件服务的工程化链路
前端·远程查看文档
niucloud-admin1 小时前
NIUCLOUD PHP SAAS上门家政使用文档:城市管理
java·前端·php
程序员大阳1 小时前
副队长JavaScript教程(50)-DOM:网页开发的起点
javascript·dom·es·节点·概念·document·关系
北岛贰1 小时前
啵啵音乐迎来全新升级!
前端
霸道流氓气质1 小时前
智能客服组件:分层意图识别、RAG Advisor 与人工转接状态机的 Vue3 + Spring AI 生产级实战
java·人工智能·spring
captain3762 小时前
MyBatis操作数据库(入门2)
java·数据库·spring boot·后端·spring·mybatis
心中有你02142 小时前
Java实现Dijkstra最短路径算法(邻接表 + 优先队列)
java·数据库·算法