vue中使用swiper实现轮播图一直读不到图片的资源

Question

实现如此的轮播图效果 vue里面就找到了 swiper有类似的效果

然后使用了demo 发现一直读不到轮播图资源

 <div class="swipe-container">
        <!-- Swiper -->
        <div class="swiper-container gallery-top">
          <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(images/img_slipe.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
          </div>
          <!-- Add Arrows -->
          <div class="swiper-button-next swiper-button-white"></div>
          <div class="swiper-button-prev swiper-button-white"></div>
        </div>
        <div class="swiper-container gallery-thumbs">
          <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(images/img_slipe.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
            <div class="swiper-slide" style="background-image:url(../../../assets/images/ic_list.png)"></div>
          </div>
        </div>
      </div>

 mounted() {
    var galleryTop = new Swiper(".gallery-top", {
      nextButton: ".swiper-button-next",
      prevButton: ".swiper-button-prev",
      spaceBetween: 10
    });
    var galleryThumbs = new Swiper(".gallery-thumbs", {
      spaceBetween: 10,
      centeredSlides: true,
      slidesPerView: "auto",
      touchRatio: 0.2,
      slideToClickedSlide: true
    });
    galleryTop.params.control = galleryThumbs;
    galleryThumbs.params.control = galleryTop;
  },

Answer 1

等待大神解答