vue中swoper使用本地图片

vue中swoper使用本地图片不能直接渲染出来，图片出不来，需要加 require

如下

 colorList: [
        { srcs: require("../../../src/assets/imgs/p1.jpg") },
        { srcs: require("../../../src/assets/imgs/p2.jpg") },
        { srcs: require("../../../src/assets/imgs/p3.jpg") },
        { srcs: require("../../../src/assets/imgs/p4.jpg") },
        { srcs: require("../../../src/assets/imgs/p5.jpg") },
      ],

 <el-carousel
        :interval="4000"
        type="card"
        height="200px"
        :loop="true"
        :autoplay="true"
      >
        <!-- 循环生成一堆标签 -->
        <el-carousel-item v-for="(item,index) in swiperImg" :key="index">
          <img class="lbt" :src="item.srcs" />
        </el-carousel-item>
      </el-carousel>

这样图片才能出来    从服务器就不用