vuefor循环动态展示图片不显示

Hero_rong

于 2024-10-15 11:30:33 发布

阅读量773

点赞数 3

CC 4.0 BY-SA版权

分类专栏： require.js 文章标签： java 前端 javascript

本文链接：https://blog.youkuaiyun.com/Hero_rong/article/details/142941464

require.js 专栏收录该内容

2 篇文章

订阅专栏

问题代码如下

<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包一下

<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>