vue避免按钮点击过于频繁,按钮间隔3秒才可点击

2023-10-27

1.实现思路

定义一个变量isClick,初始值为true;

一进入点击事件里,将isClick赋值为false,利用setTimeout方法设置2秒后改成true。

2.遇到的问题?

实践之后会发现,用上面这种方法,实现不了自己想要的效果。

3.解决方法

4.划重点

为什么改用箭头函数的写法就可以实现了呢?

  • 箭头函数:箭头函数内部的this会指向声明箭头函数时所在作用域的this。
  • setTimeout: 它的第一个参数是一个方法,传入的这个方法内部的this会被改写指向window。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue避免按钮点击过于频繁,按钮间隔3秒才可点击 的相关文章

随机推荐

  • IP地址总结

    IP地址分类 IP地址的编码分为两部分 网络号和主机号 A类地址默认子网掩码 255 0 0 0 B类地址默认子网掩码 255 255 0 0 C类地址默认子网掩码 255 255 255 0 D类默认子网掩码 255 255 255 25
  • 数学实验-迭代(Mathematica实现)

    一 实验名称 迭代 二 实验环境 Mathematica 10 3软件 三 实验目的 本实验通过Mathematica 10 3软件利用迭代求解方程的近似解 了解迭代方法在解决问题的收敛速度的异同 认识到函数的迭代是数学研究中的一个非常重要
  • P2P和CS架构

    P2P架构 Peer to Peer 特点 1 没有服务器 2 任意端系统直接通信 3 节点阶段性接入internet 4 节点可能更换ip地址 优缺点 优点 动态和随机性 缺点 难以管理 P2P和CS进行文件分发的比较 当文件数增多时 P
  • CSAPP阅读笔记——第二章:信息的表示和处理

    核心内容 编码原则 无符号 补码 浮点 溢出 无符号 补码 精度 浮点 一 信息存储 字节 存储最小单元 程序的内存管理是在虚拟地址层面上 字长 用于指明整数和指针数据的大小 编码虚拟地址 决定虚拟地址空间大小 数据大小 编码数字的格式 其
  • 【LLMs】关于LLMs的语义搜索

    大家好 我是Sonhhxg 柒 希望你看完之后 能对你有所帮助 不足请指正 共同学习交流 个人主页 Sonhhxg 柒的博客 CSDN博客 欢迎各位 点赞 收藏 留言 系列专栏 机器学习 ML 自然语言处理 NLP 深度学习 DL fore
  • ElementUI组件el-time-picker的使用(只显示小时,分钟)

    在开发项目的时候 会经常用到时间选择器 但是ElementUI文档上给的示例是带有秒的 下面就是实现只显示小时和分钟的代码
  • libQt5XcbQpa.so.5多个导致load冲突

    直接运行labelme报错如下 qt qpa plugin Could not load the Qt platform plugin xcb in even though it was found This application fai
  • Windows中缺少mfc140.dll文件解决方法

    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题 如果是新手第一时间会认为是软件或游戏出错了 其实并不是这样 其主要原因就是你电脑系统的该dll文件丢失了或者损坏了 这时你只需下载这个mfc140 dll文件进行安装 前提是找到适合
  • 微信小程序蓝牙通信

    微信小程序目前只支持低功耗蓝牙 BLE 不支持经典蓝牙 微信小程序的当前最新版本为2 3 0 根据实际测试 对IOS支持很好 但对Android支持非常不好 各厂商的Android手机遇到的问题也不一样 因此要开发蓝牙功能 推荐只提供IOS
  • 极低级错误引发的“multiple definition of `XXX''”

    在文件x c中声明定义了一个变量temp 在y c中包含了x h头文件 编译时遇到 multiple definition of XXX 提示在y c文件中重定义了temp 反复检查代码 确定一切操作都无误 y c文件中也确定没有定义tem
  • python中init是什么_详细解读Python中的__init__()方法

    init 方法是重要的有两个原因 第一个原因是 初始化是最重要的步骤在一个对象的生命周期 每个对象都必须正确地初始化 才能正常工作 第二个原因是 init 参数值可以有多种形式 因为有很多方法可以提供参数值 init 有很多用例创建对象 我
  • html5 canvas 如何清空之前的绘制并重新绘制

    如果要重新绘制Canvas clearRect 不好用 将canvas的长宽重新设置成当前长宽即可 转载于 https blog 51cto com niyabuxing 1173359
  • vant组件库中list列表的使用(PullRefresh、van-list、van-empty结合使用)

  • python selenium playwright库使用教程 破解网页防止开发者模式 截取数据请求

    安装chromedriver 下载 chromedriver的版本一定要与Chrome的版本一致 不然就不起作用 有两个下载地址 1 http chromedriver storage googleapis com index html 2
  • 逆序对的数量(归并排序的深度理解)

    逆序对的数量问题 文章目录 逆序对的数量问题 问题详情 问题分析 归并排序简介 代码展示 逆序对和归并过程之间的联系 代码展示 问题详情 给定一个长度为 n 的整数数列 请你计算数列中的逆序对的数量 逆序对的定义如下 对于数列的第 i 个和
  • Docker启动nginx容器--搭建网站

    1 下载nginx镜像 docker pull nginx 2 启动nginx镜像 docker run d name nginx01 p 80 80 v data nginx www usr share nginx html v data
  • [从零开始学习FPGA编程-29]:进阶篇 - 基本时序电路-时序电路的两大基本特征(状态记忆与时钟触发)

    作者主页 文火冰糖的硅基工坊 文火冰糖 王文兵 的博客 文火冰糖的硅基工坊 CSDN博客 本文网址 https blog csdn net HiWangWenBing article details 125309874 目录 前言 第1章
  • Python Numpy库教程(超详细)

    1 Numpy概述 1 1 概念 Python本身含有列表和数组 但对于大数据来说 这些结构是有很多不足的 由于列表的元素可以是任何对象 因此列表中所保存的是对象的指针 对于数值运算来说这种 结构比较浪费内存和CPU资源 至于数组对象 它可
  • .gitignore文件_你可能不知道的gitignore生成器

    你可能不知道的gitignore生成器 提前 gitignore相信大家并不陌生 我们在github上看到的优秀的开源软件几乎都有这个文件 那么这个文件是做啥的呢 我们该如何编写 需要依据什么样的标准 有木有文档可以参考下 那么接下来我就为
  • vue避免按钮点击过于频繁,按钮间隔3秒才可点击

    1 实现思路 定义一个变量isClick 初始值为true 一进入点击事件里 将isClick赋值为false 利用setTimeout方法设置2秒后改成true 2 遇到的问题 实践之后会发现 用上面这种方法 实现不了自己想要的效果 3