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   愤怒的苹果ext  阅读(222)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示