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