在vue使用v-for遍历图片的时候,要使用require导入图片才有效果:
likeList: [
{
id: 1,
imgUrl: require("../../assets/img/tea.png"),//require导入
name: "衣服 ",
price: 299,
}
]
如果是通过node.js返回数据要遍历的时候:注意也要使用require拼接
node.js里面的图片可以只存图片的name,拿到之后,根据当前路径拼接
<swiper-slide v-for="(item, index) in swiperList" v-bind:key="index">
<img :src="require('../../assets/img/'+item.imgUrl)" /
</swiper-slide>