微信小程序swiper控件卡死的解决方法

最新推荐文章于 2025-06-30 09:09:48 发布

原创最新推荐文章于 2025-06-30 09:09:48 发布 · 1.5w 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #微信 #swiper

微信小程序专栏收录该内容

0 篇文章

订阅专栏

本文介绍了一种解决微信小程序中swiper控件偶尔出现卡死（无法左右滑动）的问题的方法。通过监听swiperchange事件，判断当前页变量current是否被错误地重置为0，如果是，则将其重置为上一次正确的页码索引preIndex。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序swiper控件，在使用过程中会偶尔出现卡死现象（不能再左右滑动），跟踪一下，归结原因可能是swiper组件内部问题，当无法响应用户快速翻动动作时，当前页变量current无法变更为正确页码索引，而是被置为0，所以，解决这个问题的思路如下：

swiperchange: function (event) {
    if (event.detail.source == "touch") {      
      //防止swiper控件卡死
      if (this.data.current == 0 && this.data.preIndex>1 ) {//卡死时，重置current为正确索引
        this.setData({ current: this.data.preIndex });
      }
      else {//正常轮转时，记录正确页码索引
        this.setData({ preIndex: this.data.current });
      }
    }
  }