微信小程序禁止多次点击跳转、提交

在日常应用中，经常会有因为用户多次点击，从而造成界面BUG。以下是解决办法：

以view举例：

1、WXML：

<view class="btnfont canvas-btn" bindtap="{{!buttonClicked?'getLottery':''}}"> 
  抽 奖
</view>

2、最好在util.js中封装一个函数，这样可以全局调用

function buttonClicked(self){  
  self.setData({
     buttonClicked: true
  })
  setTimeout(function () {    
    self.setData({
      buttonClicked: false
    })
  },4000)
}

不要忘记，把函数加入模型

3、在需要的界面的JS 中进行调用：

 data: {

    buttonClicked: false
  },
 getLottery:function(){
    
    util.buttonClicked(this);

 },

这样就可以使用啦

微信小程序禁止多次点击跳转、提交

悦读