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

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

 })
相关推荐
医疗信息化王工23 分钟前
钉钉小程序开发实战:手术查询小程序
小程序·钉钉·手术查询
软件开发技术2 小时前
新版点微同城主题源码34.7+全套插件+小程序前后端 源文件
小程序·php
mon_star°15 小时前
消防安全培训小程序项目亮点与功能清单
小程序
自然 醒15 小时前
uni-app开发微信小程序,如何使用towxml去渲染md格式和html标签格式的内容?
微信小程序·uni-app·html
编程迪16 小时前
基于Java和Vue开发的在线问诊系统医疗咨询小程序APP
小程序
CHU72903517 小时前
知识触手可及:在线教学课堂APP的沉浸式学习体验
前端·学习·小程序
竟未曾年少轻狂17 小时前
微信小程序-组件开发
微信小程序·小程序
CHU72903518 小时前
在线教学课堂APP功能版块设计方案:重构学习场景的交互逻辑
java·学习·小程序·重构
焦糖玛奇朵婷18 小时前
盲盒小程序开发,盲盒小程序怎么做
java·大数据·服务器·前端·小程序
想七想八不如1140818 小时前
【GitHub开源】一款极简跨平台 Todo 应用:微信小程序 + Windows 桌面挂件 + 实时同步
微信小程序·开源·github