在日常应用中，经常会有因为用户多次点击，从而造成界面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);
},
这样就可以使用啦.
网友评论