小程序按鈕 如何防止重複點擊

小程序經常用戶點擊後，看到沒有反應可能會不停地點擊，這個可能是手機卡頓，也可能是數據請求的異步導致

解決這個問題從小程序端有幾種方法

1、wx.showLoading({

           title: "加載...",

           mask: true

});

顯示加載中,再通過定時器，隱藏加載中

     setTimeout({

          wx.hideLoading({})   

    )}, 500)

2、button加disabled="true"屬性,表示按鈕禁止使用

     <button bindtap="click" disabled="true" data-id="{{id}}" />

這個思路就是默認設置屬性值是false，按鈕可用，當用戶點擊一次就觸發一次，把屬性值改成true，表示按鈕不可用，然後有個倒計時，幾秒後再恢復可用，或者說接到後臺返回數據時，改屬性值可用即可

3、通過wx:if    wx:else來，思路跟上面差不多

 

當然如果不僅僅時跳轉頁面，跟後臺還有數據交換的話，再服務器端也可以加個判斷條件，這個要根據具體的業務設計了