vue & swiper——实时获取当前轮播索引并赋值到data实例中

实时获取当前轮播索引并赋值到data实例中

  • 实现功能
  • 实现思路
  • 实现代码

实现功能

swiper中,要想获取实时的当前索引,需要在onSlideChangeStart函数中获取,swiper参数中有realIndex是当前索引,把realIndex赋值给data中的currentIndex就行了

实现思路

在onSlideChangeStart函数中是获取不到data中的currentIndex的,所以要在data中把指向vue实例的this先赋值给变量_self,然后就可以在函数中获取到currentIndex,并进行赋值就可以了

实现代码

vue & swiper——实时获取当前轮播索引并赋值到data实例中_第1张图片

你可能感兴趣的:(vue,vue,js,javascript,css,vue.js)