vue怎样遍历node.js返回的图片

最新推荐文章于 2024-03-13 11:16:51 发布

m0_52434369

最新推荐文章于 2024-03-13 11:16:51 发布

阅读量344

点赞数

文章标签： vue.js node.js 前端

本文链接：https://blog.csdn.net/m0_52434369/article/details/126009568

版权

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