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

直接写在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(()=>{
//写你要执行的,防止重复执行,写里面

 })
相关推荐
投票竞赛14 小时前
避雷按单场活动扣费平台,2026 在线投票测评不限频次新建投票评选活动
小程序
2501_9159090617 小时前
IPA 深度混淆是什么意思?从混淆强度到实际效果的解读
android·ios·小程序·https·uni-app·iphone·webview
莫名的好感°18 小时前
2026家庭快消品采购小程序实测体验
小程序
黄华SJ520it1 天前
新零售排队免单系统开发全流程介绍
小程序·零售·系统开发
衍生星球2 天前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot
weixin_451431562 天前
落地到一个真实项目里——一个 AI驱动的冰箱食材管理小程序
人工智能·ai·小程序
hnxaoli3 天前
统信小程序(十六)xls转xlsx
开发语言·python·小程序
卓怡学长3 天前
w272基于springboot便民医疗服务小程序
java·spring boot·spring·小程序·intellij-idea
新华财经频道3 天前
2026微信小程序搭建平台实测测评,优缺点解析
微信小程序·小程序
kidding7234 天前
旋转大转盘小程序
前端·css·微信小程序·小程序·前端框架