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>
相关推荐
C澒2 小时前
微前端容器标准化:容器标准化能力的 “配置化+ 插件化”
前端·架构
TU不秃头5 小时前
JS逆向实战五:某海关公示平台分析(瑞数加密)
javascript·爬虫
无巧不成书02187 小时前
30分钟入门Java:从历史到Hello World的小白指南
java·开发语言
anOnion8 小时前
构建无障碍组件之Carousel Pattern
前端·html·交互设计
ssshooter8 小时前
Tauri 2 iOS 开发避坑指南:文件保存、Dialog 和 Documents 目录的那些坑
前端·后端·ios
Можно9 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
zs宝来了9 小时前
Playwright 自动发布 CSDN 的完整实践
java
Birdy_x9 小时前
接口自动化项目实战(1):requests请求封装
开发语言·前端·python
吴声子夜歌10 小时前
TypeScript——基础类型(三)
java·linux·typescript
天天向上102410 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js