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

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

 })
相关推荐
说私域4 小时前
优质内容在个人IP运营中的重要性:以开源AI智能名片商城小程序为应用实例的深度探讨
人工智能·tcp/ip·小程序
小王码农记5 小时前
微信小程序中使用weui组件库
微信小程序·小程序
ResponseState2007 小时前
测试:"小程序前端切一下生产服务器" 前端: "你自己切换就行啦"
前端·javascript·微信小程序
gongzemin7 小时前
uni-app 微信小程序发送订阅消息
前端·微信小程序·uni-app
多客软件佳佳12 小时前
基于Thinkphp6+uniapp的陪玩陪聊软件开发方案分析
小程序·uni-app·php·生活·交友
大大。12 小时前
小程序textarea组件键盘弹起会遮挡住输入框
小程序
说私域12 小时前
开源AI智能名片商城小程序在个人品牌建设中的应用与“展温度”策略融合深度探索
人工智能·小程序
kaoyaoyao12 小时前
提升小程序获客策略
小程序·seo
V+zmm1013412 小时前
基于微信小程序疫苗预约系统ssm+论文源码调试讲解
java·微信小程序·小程序·毕业设计·ssm