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 @   lude1994  阅读(241)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
历史上的今天:
2020-03-28 vue 使用swiper
点击右上角即可分享
微信分享提示