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

在日常应用中,经常会有因为用户多次点击,从而造成界面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);

 },

这样就可以使用啦

发布了22 篇原创文章 · 获赞 4 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览