vue-awesome-swiper4.1.0爬坑---- 切屏后回调获取页面activeIndex值

最后写vue项目用到swiper，一开始只引入swiper，没引入vue-awesome-swiper一直报错，后来才发现有vue专用的vue-awesome-swiper，

组合npm指令：npm install swiper vue-awesome-swiper --save

然而，百度获取回调的activeIndex方法很多是这样的：

 此时需要把click改为slideChangeTransitionEnd，将变量swiper打印的时候显示undefined！为什么呢？

当尝试打印this.$refs.mySwiper的时候发现：

这可能才是我想要的属性，修改后：

 切屏成功打印！

结果代码：

on:{
  slideChangeTransitionEnd:()=>{
    let swiper = this.$refs.mySwiper.$swiper;
    let activeIndex = swiper.activeIndex;
    console.log(activeIndex)
  },
}

vue-awesome-swiper4.1.0爬坑---- 切屏后回调获取页面activeIndex值

原文：https://www.cnblogs.com/Dasate/p/12666076.html