vue 引入本地静态图片

在vue实例的data中:

 

第一种单张图片

 img: require("../assets/detail.png"),

使用:

<img :src="img" alt="">

 

 

第二种图片循环用:

  imgs: [
          require("../assets/detail.png"),
          require("../assets/detail.png"),
          require("../assets/detail.png"),
          require("../assets/detail.png"),
        ], // app图片

使用:

        <div class="swiper-slide" v-for="(item, i) in imgs" :key="i">
          <img :src="item" alt="">
        </div>

 

posted @ 2022-03-28 19:31  lude1994  阅读(245)  评论(0)    收藏  举报