1. 程式人生 > >微信小程式swiper控制元件卡死的解決方法

微信小程式swiper控制元件卡死的解決方法

微信小程式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 });
      }
    }
  }