vue & swiper——使用方法实现可控制的自动轮播

实现功能

使用这个控件控制swiper的自动轮播

实现思路

swiper官网列出了swiper方法：

可以使用vue监听器监听是否勾选自动轮播这个按钮

• 如果勾选了就调用this.swiper.startAutoplay();方法
• 如果没有勾选就调用this.swiper.stopAutoplay();方法

实现代码

  watch: {
     
    isAutoChange(val) {
     
      if (val) {
     
        this.swiper.startAutoplay();
      } else {
     
        this.swiper.stopAutoplay();
      }
    }
  },