我是在swiper-3.1.3的环境中使用的,按照教程配置了教程之后还是报错。
在这里插入图片描述
仔细对照了一下github上的教程,原来我在vue的script标签中直接import 了swiper这样做导致了报错。正确的做法是:

<div class="clearfix" v-swiper:mySwiper="swiperOptions">
        <div class="swiper-wrapper">
          <div class="swiper-slide banner-1"></div>
          <div class="swiper-slide banner-2">
            <a class='full-box' href="http://www.mcsh.org.cn" target="_blank"></a>
          </div>
          <div class="swiper-slide banner-3">
            <router-link class="full-box" to="/product"></router-link>
          </div>
        </div>
        <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>
      </div>

将swiper组件,使用class来表示,不懂的可以去github上参考一下。

Logo

前往低代码交流专区

更多推荐