小程序 组建swiper 图片抖动bug解决

用了小程序原生组建swiper组件图片滑动就会抖动。。坑死了。。

解决：

  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{duration}}" current="{{preIndex}}" bindchange="swiperChange" class="swiper">

    <block wx:if="{{imgUrls}}" wx:for="{{imgUrls}}" wx:key="unique">

      <swiper-item class="swiperstyle">

        <image mode="widthFix" catchtap='seedetail' data-idx="{{item.id}}" wx:if="{{item.img_src}}" src="{{item.img_src}}" class="img" bindtap="swipclick" />

      </swiper-item>

    </block>

  </swiper>

 

js：

swiperChange: function (e) {

if (e.detail.source == "touch") {

//当页面卡死的时候，current的值会变成0

if (e.detail.current == 0) {

let swiperError = this.data.swiperError

swiperError += 1

this.setData({ swiperError: swiperError })

if (swiperError >= 3) {

this.setData({ currentIndex: this.data.preIndex });//，重置current为正确索引

this.setData({ swiperError: 0 })

}

} else {//正常轮播时，记录正确页码索引

this.setData({ preIndex: e.detail.current });

//将开关重置为0

this.setData({ swiperError: 0 })

}

}

 

 

https://blog.youkuaiyun.com/u011025329/article/details/81981703