swiper 点击事件

最新推荐文章于 2023-08-26 16:00:52 发布

牧羊人_sj

最新推荐文章于 2023-08-26 16:00:52 发布

阅读量834

点赞数 1

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_59347596/article/details/129990649

版权

点击swiper 获取当前下标 两种模式 

"swiper": "^5.4.5", "vue-awesome-swiper": "^3.1.3",
 swiperOption: {
        autoplay: { delay: 3000 },
        loop: true, //循环
        slidesPerView: 'auto',
        direction: "vertical",
        disableOnInteraction: true,
        preventLinksPropagation: false,
        on: {
          click: () => {
            console.log(this.$refs.swiperRef.swiper.realIndex);           
          },
        }
      },
 swiperOption: {
        autoplay: { delay: 3000 },
        loop: false, //不循环
        slidesPerView: 'auto',
        direction: "vertical",
        disableOnInteraction: true,
        preventLinksPropagation: false,
        on: {
          click: () => {
              console.log(this.$refs.swiperRef.swiper.clickedIndex);           
          },
        }
      },