小程序防抖操作(阻止重复点击)

news/2024/7/20 1:44:29 标签: 小程序, javascript, 前端

点击调用onPosition(),在onPosition()中调用debounce()函数,在调用debounce()函数前需要提前在onload初始化。

page.wxml

  <view class="btn" catchtap="onPosition" wx:if="{{isState}}">一键发布职位(剩余{{termPower}}次)</view>

page.js

javascript">  onLoad: function (options) {
    this.debounce =this.debounce()//防抖函数,在此初始化,不初始化,函数不执行
  },
  
  /**一键发布职位 */
  onPosition() {
    this.debounce();
  },
  
    /**防抖函数 */
  debounce: function (params) {
    let that = this
      let timeout = null
      return () => {
        clearTimeout(timeout);
        timeout = setTimeout(() => {
        //防抖主体内容 start
          if (that.data.termPower==0) {
            wx.showToast({
              title: '剩余发布次数已为0!',
            })
          }else {
            wx.navigateTo({
              url: '/subPackages/work/detail/page?type=2&isAdd=1',
            })
          }
           //防抖主体内容 end
        }, 300);
       }
  },

另一种方法:http://t.csdn.cn/Msjfi


http://www.niftyadmin.cn/n/1250970.html

相关文章

Linux Shell t特殊变量 $0 $@ $# $_ $?

$0: 执行脚本的名字 $*和$: 将所有参数返回 $#: 参数的个数 $_: 代表上一个命令的最后一个参数 $$: 代表所在命令的PID $!: 代表最后执行的后台命令的PID $?: 代表上一个命令执行是否成功的标志&#xff0c;如果执行成功则$? 为0&#xff0c;否则不为0

「建议收藏」第一人称视角带你走进 Vue 源码世界

前言本文不引战&#xff0c;成熟的人应该脱离框架的范畴&#xff0c;而不是纠结谁更好或者谁更不好。有道是黑猫白猫&#xff0c;抓到老鼠就是好猫。所以本文会带大家读源码。简单易懂&#xff0c;大佬小白都能看明白。并收获益处。从 new 一个 Vue的实例粗来开始准备工作&…

后退刷新当前页面,getCurrentPages()的使用

getCurrentPages():获取当前页面栈。数组中第一个元素为首页&#xff0c;最后一个元素为当前页面。 注意&#xff1a;不要尝试修改页面栈&#xff0c;会导致路由以及页面状态错误&#xff1b; 不要在App.onLaunch的时候调用getCurrentPages&#xff0c;此时page还没有生成。 后…

小程序使用腾讯API定位的全过程(详细)

文章目录一、获取腾讯API的key二、小程序代码编写1.引入前面下载的文件&#xff0c;解压后放入2.代码编写微信开发工具代码片段示例提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、获取腾讯API的key 腾讯官方文档详细步骤 进入腾讯服务官网如果没有…

Tomcat9下war包启动部署

1、将项目打成WAR包放在Tomcat的webapps目录下 2、在Tomcat的安装目录的conf下找到server.xml的文件&#xff0c;如&#xff1a;D:\apache-tomcat-9.0.8\conf\server.xml 3、在Host标签里边添加 <Host name"localhost" appBase"" unpackWARs"tr…

前端和鸭子有什么关系?

今天我们一起来看一个 TypeScript 中一个有趣的知识点 - 鸭子类型&#xff08;Duck Typing&#xff09;。什么是鸭子类型鸭子类型是很多面向对象&#xff08;OOP&#xff09;语言中的常见做法。它的名字来源于所谓的“鸭子测试”&#xff1a;当看到一只鸟走起来像鸭子、游泳起来…

vant tabs组件选中第一个下划线位置异常

错误图示例 产生场景&#xff1a;顶部标题是后台接口数据返回。vnat-tabs已经在data里面设置跳转到该页面是所选中状态active0&#xff0c;数据出现后&#xff0c;下划线标签位置异常&#xff0c;在标题获取成功后再次设置active0,无效果&#xff0c;但是有时偶现下划线数据正…

看完 2021 CSS 年度报告,才知道 CSS 发展这么快

大家好&#xff0c;我是 小生方勤&#xff0c;一年一度的 CSS年度报告 如期而至&#xff0c;我挑了一些我感兴趣的部分&#xff0c;和我一起来看看吧&#xff5e;这篇文章用了很久&#xff0c;因为平时 CSS 写的实在少&#xff0c;其实看报告的主要目的除了了解CSS技术趋势&…