swiper loop点击跳转

  • swiper加入loop=true各种千奇百怪的问题,找了很久找到解决方案。
  • 代码
  initSwiper() {
      let vm = this;

      this.swiper = new Swiper(this.$refs.swiperContainerRef, {
        loop: true,
        speed: 2500,
        slidesPerView: 8,
        spaceBetween: 0,
        centeredSlides: true,
        watchSlidesProgress: true, 
        slideToClickedSlide: true, // 点击切换到指定slide
       

        on: {
          slideChangeTransitionEnd: function () {
            //切换结束时,告诉我现在是第几个slide
            vm.currentIndex = this.activeIndex;
            // console.log("slideChangeTransitionEnd  ",vm.currentIndex);
          },
          slideChange: function () {
 
          },
          click: function () {
          
          },

          onSlideChangeEnd: function () {
        
          },
        },
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });

 
       
    },

在这里插入图片描述

在这里插入图片描述

posted on 2022-12-09 08:59  愤怒的苹果ext  阅读(219)  评论(0编辑  收藏  举报

导航