小程序按钮 如何防止重复点击

小程序经常用户点击后，看到没有反应可能会不停地点击，这个可能是手机卡顿，也可能是数据请求的异步导致

解决这个问题从小程序端有几种方法

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来，思路跟上面差不多

 

当然如果不仅仅时跳转页面，跟后台还有数据交换的话，再服务器端也可以加个判断条件，这个要根据具体的业务设计了