vue中用swiper轮播，v-for循环时图片不显示

Question

1、vue中用swiper轮播，v-for循环时图片不显示
2、这个是图片展示的代码

   <div class="swiper-size">
      <swiper :options="swiperOption" >
        <swiper-slide v-for="(imgs,index) in imgList" :key="index" >
            <a target="_blank" :href="imgs.target">
              <img :src="imgs.url" alt="">
            </a>
        </swiper-slide>
        <div class="swiper-pagination"  slot="pagination"></div>
        <div class="swiper-button-prev" slot="button-prev"></div>
        <div class="swiper-button-next" slot="button-next"></div>
      </swiper>
    </div>

这个是图片数据：

imgList:[
   {
     url:"../assets/slideShow/j1.jpg",
     target:"http://www.xiaohuar.com/p-1-2104.html"
   },
    {
     url:"../assets/slideShow/j2.jpg",
     target:"http://www.xiaohuar.com/p-1-2103.html"
   },
    {
     url:"../assets/slideShow/j3.jpg",
     target:"http://www.xiaohuar.com/p-1-2087.html"
   },
    {
     url:"../assets/slideShow/j4.jpg",
     target:"http://www.xiaohuar.com/p-1-2083.html"
   }
 ]

3、检查代码，发现图片路径出来了，但是不显时

上面代码标签没问题，在里面插入数据可以正常显示，问题就在<img>当中，但是不知道怎么修改，请问各位大佬有什么好建议？？？

Answer 1

使用 require

imgList:[
   {
     url:require("../assets/slideShow/j1.jpg"),
     target:"http://www.xiaohuar.com/p-1-2104.html"
   },
 ]

Answer 2

很显然你图片没有设置高

Answer 3

要给swiper标签设置固定的高度

Answer 4

把图片放在static下