1. 程式人生 > >微信小程式swiper如何獲得當前頁面的index

微信小程式swiper如何獲得當前頁面的index

想要實現的效果:(滑動時顯示當前頁面index)

看小程式的官方文件

程式碼:index.wxml

  <swiper class='sw-tu' circular="true" current="0" bindchange='onSlideChangeEnd'>
    <swiper-item class="sw-tuone" wx:for="{{list.img2}}">
      <image class='sw-photo' src="{{item}}" />
    </swiper-item>
  </swiper>

index.js
data: {
    index: 1,
  },
  onSlideChangeEnd: function (e) {
    var that = this;
    that.setData({
      index: e.detail.current + 1
    })
  },