指点成金-最美分享吧

登录

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

佚名 举报

篇首语:本文由小编为大家整理,主要介绍了vue的swiper组件使用,获取当前滑动位置activeIndex相关的知识,希望对你有一定的参考价值。

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

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

要获取activeIndex这个值。

错误写法


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

正确写法

this.$refs.mySwiper.swiper

这样写才可以。

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

this.$refs.mySwiper.swiper.activeIndex

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

参考文档

  • https://github.com/surmon-china/vue-awesome-swiper

以上是关于vue的swiper组件使用,获取当前滑动位置activeIndex的主要内容,如果未能解决你的问题,请参考以下文章