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

直接写在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 小时前
微信小程序(黑马)Day1~3
微信小程序·小程序
AlloyTeamZy17 小时前
AI知多少,你真的了解 AI 吗?
人工智能·微信小程序·ai编程
前端小万18 小时前
用AI两小时开发上架的小程序,单日新增用户173
前端·微信小程序
郑州光合科技余经理18 小时前
海外版外卖系统:如何快速搭建国际化外卖平台
java·开发语言·前端·人工智能·小程序·系统架构·php
小北的AI科技分享18 小时前
2026年小程序平台深度解析:全场景数字化经营工具选型指南
小程序·小程序平台
川石课堂软件测试19 小时前
什么是埋点测试,app埋点测试怎么做?
功能测试·测试工具·华为·小程序·单元测试·appium·harmonyos
游戏开发爱好者820 小时前
Linux 自动上传 App Store Connect:把 IPA 上传流程接进CI工作流
linux·运维·ios·ci/cd·小程序·uni-app·iphone
暗冰ཏོ20 小时前
《uni-app 跨端开发完整指南:从基础入门到 H5、小程序、App 发布上线》
前端·小程序·uni-app·vue·html5
weixin_lynhgworld20 小时前
品牌私域版|品牌专属盲盒小程序,沉淀私域用户、提升品牌溢价
小程序
于先生吖21 小时前
同城物流创业项目,Java源码搭建多车型搬家拉货、就近配货预约小程序
java·开发语言·小程序