swiper滚动失效,不断抖动问题

目前只在安卓上出现这个问题,在小程序从后台运行重新切回后,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
        }
    }

如果解决了大家的问题,记得点个赞哦


版权声明:本文为weixin_42317515原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。