vue中使用swiper组件，解决手动切换轮播后自动轮播失效的问题

    new Swiper(".swiper-container", {
    
    
        slidesPerView: 4, //一页显示4个
        //是否循环播放
        loop: true,
        autoplay: {
    
    
          delay: 3000 //3秒切换一次
        },
        //滑动方向
        direction: 'horizontal',
        //左右切换按钮
        navigation: {
    
    
          nextEl: ".swiper-button-next-customize",
          prevEl: ".swiper-button-prev-customize",
        },
      });

查询相关资料发现，swiper 的autoplay中 有一个 disableOnInteraction 属性：disableOnInteraction，使用之后每一次都会重新启动 autoplay
修改代码如下，便可解决问题

    new Swiper(".swiper-container", {
    
    
        slidesPerView: 4, //一页显示4个
        //是否循环播放
        loop: true,
        autoplay: {
    
    
          disableOnInteraction: false,
          delay: 3000 //3秒切换一次
        },
        //滑动方向
        direction: 'horizontal',
        //左右切换按钮
        navigation: {
    
    
          nextEl: ".swiper-button-next-customize",
          prevEl: ".swiper-button-prev-customize",
        },
      });

这里使用的swiper版本是6.8.4