您的位置:首页 > Web前端 > Vue.js

vue遍历数组获取图片src显示不了的问题解决

2019-06-03 17:42 891 查看
轮播图HTML:
[code]<swiper-slide v-for="item of swiperList" :key="item.id">
<img class="swiper-img" :src="item.imgUrl" />
</swiper-slide>

vue中data部分使用require解决:

[code]swiperList: [{
id: '001',
imgUrl: require('../../../assets/imgs/banner/banner_0.jpg')
}, {
id: '002',
imgUrl: require('../../../assets/imgs/banner/banner_1.jpg')
}, {
id: '003',
imgUrl: require('../../../assets/imgs/banner/banner_2.jpg')
}]

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐