首页 > 其他分享 >防止重复点击指令实现

防止重复点击指令实现

时间:2023-07-24 11:13:33浏览次数:46  
标签:el 重复 binding disabled 点击 指令

// 防止重复点击指令 export default {   install(Vue) {     // 防重复点击(指令实现)     Vue.directive('preventReClick', {       inserted(el, binding) {         el.addEventListener('click', () => {           if (!el.disabled) {             el.disabled = true             setTimeout(() => {               el.disabled = false             }, binding.value || 2000)           }         })       }     })   } }

标签:el,重复,binding,disabled,点击,指令
From: https://www.cnblogs.com/q962286047/p/17576704.html

相关文章

  • Angular: 点击一次按钮,增加一个元素
    解决方案思路在组件的typesscript文件中,创建一个数组来存储每个按钮的信息在模板中使用*ngFor指令来循环渲染按钮列表在按钮事件的处理函数中,每次点击按钮时向按钮数组添加一个新的按钮信息实例在组件的typescript代码中import{Component,OnInit}from'@angular/c......
  • IoT 场景下 InfluxDB 与 TDengine 的性能对比测试报告出炉!点击查看
    为了验证TDengine3.0在IoT场景下的性能,我们针对第三方基准性能测试平台TSBS(TimeSeriesBenchmarkSuite)中的IoT场景,预设了五种规模的卡车车队基础数据集,在相同的AWS云环境下对TDengine3.0和InfluxDB1.8(该版本是InfluxDB能够运行TSBS框架的最新版本)进行了对......
  • java 签名重复
    Java签名重复问题在使用Java开发中,我们经常会遇到一种问题,即“签名重复”。当我们在一个类中定义了多个相同名称的方法,但它们的参数类型、参数顺序或返回类型不同时,就会出现签名重复的问题。这种情况下,编译器无法确定要调用哪个方法,从而引发编译错误。在本文中,我们将深入探讨Jav......
  • Windows 音量图标点击没有反应——解决方法
    1Win+E,随便打开一个文件夹。2打开任务管理器3重新启动即可......
  • PHP uniqid重复值的问题
    $str='';for($i=0;$i<1000100;$i++){$str.=uniqid().PHP_EOL;}returnfile_put_contents('1.log',$str);生成1000100条数据,重复值为0放心用吧,插入数据100万的量,应该考虑Java了......
  • 316. 去除重复字母 (JAVA)
    给你一个字符串s,请你去除字符串中重复的字母,使得每个字母只出现一次。需保证返回结果的字典序最小(要求不能打乱其他字符的相对位置)。 示例1:输入:s="bcabc"输出:"abc"示例2:输入:s="cbacdcbc"输出:"acdb" 提示:1<=s.length<=10^4解题思路:当前字母比前一个字母小,......
  • #pragma once 指令和 #ifndef 指令
    #pragmaonce指令和#ifndef指令都是用于避免头文件的重复包含,但它们有一些区别和注意事项。1.功能区别:-#pragmaonce:这是一个非标准的预处理指令,它告诉编译器只包含一次当前的头文件。这是一种简单方便的方式,可以避免头文件的多次包含。大多数编译器都支持这个指令,但并非所......
  • java pop指令
    实现Javapop指令作为一名经验丰富的开发者,我很乐意教会你如何实现Java中的pop指令。pop指令在Java中用于从栈中弹出一个元素,并将其丢弃。下面我将详细介绍实现该指令的步骤。实现流程以下是实现Javapop指令的流程,我用表格展示了每个步骤的名称和描述,以帮助你更好地理解。......
  • 项目开发难点-要求el-radio组件实现点击切换的时候,先弹出框判断是否符合条件,如果符合r
    需求描述:页面radio点击的时候,先不改变radio的值,先弹出框进行判断是否符合一定的条件如果符合则发生变化,否则radio不发生变化,页面还显示原来的值。问题难点:在vue项目中,使用<el-radiov-model="radio"label="1">备选项1</el-radio><el-radiov-model="radio"label="2"......
  • jquery写点击事件
    jQuery写点击事件在网页开发中,我们经常需要给页面元素添加交互功能,比如点击按钮触发某个操作。而jQuery是一个广泛使用的JavaScript库,它简化了DOM操作和事件处理等任务,使得我们能够更加方便地实现各种交互效果。本文将介绍如何使用jQuery编写点击事件,并提供相关的代码示例。什么......