vue内使用Swiper轮播到最后一张停止解决方法

template>
  <swiper ref="mySwiper" :options="swiperOptions" class="banner" v-if="banners.length>0">
    <swiper-slide v-for="value in banners" :key="value.bannerId" class="item">
      <a :href="value.url">
        <img :src="value.pic" alt="">
      </a>
    </swiper-slide>
    <div class="swiper-pagination" slot="pagination"></div>
  </swiper>
</template>

1.sipwer的bug，如果数据是从网络上获取的，那么自动轮播到最后一张就会停止

2.解决方法在swiper组件上加上v-if="数据.length>0"

这个方法会导致调试器报错，还有个方法就是在swiper配置内加上 centeredSlides: true,

标签：vue,轮播,报错,Swiper,停止,方法,swiper,调试器
来源： https://www.cnblogs.com/heartY/p/16508398.html