目前只在安卓上出现这个问题,在小程序从后台运行重新切回后,swiper滚动失效并且不断抖动。
解决方法:1.将@change改成@animationfinish
2.加上if (e.target.source == 'autoplay' || e.target.source == 'touch')
代码展示:
第一张解决方案:
<swiper class="swiper" autoplay :interval="3000" :duration="1000" circular @animationfinish="swiperChange2" :current="current2">
<swiper-item class="swiper_item" v-for="(item,index) in caseList" :key="index">
<view class="swiper-item">{{item.oneCaseDescription}}</view>
</swiper-item>
</swiper>
swiperChange2(e){
this.current2 = e.detail.current
}
第二种解决方案:
<swiper class="swiper" autoplay :interval="3000" :duration="1000" circular @change="swiperChange2" :current="current2">
<swiper-item class="swiper_item" v-for="(item,index) in caseList" :key="index">
<view class="swiper-item">{{item.oneCaseDescription}}</view>
</swiper-item>
</swiper>
swiperChange2(e){
if (e.target.source == 'autoplay' || e.target.source == 'touch'){
this.current2 = e.detail.current
}
}
如果解决了大家的问题,记得点个赞哦