使用vue版的swiper组件vue-awesome-swiper,这个是最好用的,并且api和swiper基本一致。

使用的时候需要拿到滑动之后当前的index。

要获取activeIndex这个值。

错误写法

vue的swiper组件使用,获取当前滑动位置activeIndex_github


官方文档这么写有问题,我在全局引入的时候这样根本拿不到。

正确写法

this.$refs.mySwiper.swiper

这样写才可以。

然后监听​​@slideChange="slideChange"​​slideChange事件,在这个事件里面

this.$refs.mySwiper.swiper.activeIndex

这样获取activeIndex,这样就知道了当前是处于哪个index了。

参考文档