微信小程序防止重复点击事件

直接写在app.wpy里面,全局可以调用

复制代码
  // 防止重复点击事件
  preventActive(fn) {
    const self = this;
    if (this.globalData.PageActive) {
      this.globalData.PageActive = false;
      if (fn) fn();
      setTimeout(() => {
        self.globalData.PageActive = true;
      }, 3000); //设置该时间内重复触发只执行第一次,单位ms,按实际设置
    } else {
      console.log("重复点击或触发");
    }
  }

使用方法

复制代码
      this.$parent.preventActive(()=>{
//写你要执行的,防止重复执行,写里面

 })
相关推荐
276695829214 小时前
拼多多m端/小程序 encrypt_info
java·小程序·apache·encrypt_info·encrypt_info解密·拼多多小程序·拼多多m端
克里斯蒂亚诺更新15 小时前
微信小程序体验版可以获取当前位置但是正式版不可以-办法解决
微信小程序·小程序
巴巴博一15 小时前
uni-app / 微信小程序中 open-type=“share“ 按钮样式异常,和普通 view 无法齐平的解决方案
微信小程序·uni-app·notepad++
资深前端之路15 小时前
微信小程序节点最大限制为5000个
微信小程序·小程序
cosinmz17 小时前
PDF 发票合并经验分享:月初高效整理发票的实用方法
经验分享·小程序·pdf·pdf转换·pdf发票合并·发票合并打印
wuxia21181 天前
微信小程序单击元素切换元素的显示和隐藏
javascript·微信小程序·setdata
2501_916007471 天前
前端开发常用软件与工具全面指南
android·ios·小程序·https·uni-app·iphone·webview
2501_915909061 天前
iOS应用性能优化:十大策略提升用户体验与开发效率
android·ios·小程序·https·uni-app·iphone·webview
2601_956743681 天前
上海小程序开发公司技术选型指南:Serverless架构如何影响交付质量与长期成本
云原生·小程序·架构·serverless·开发经验·上海
silvia_Anne2 天前
微信小程序之渲染商品列表
微信小程序·小程序