首页 > 其他分享 >elementUI button防止频繁点击

elementUI button防止频繁点击

时间:2023-11-04 11:22:24浏览次数:36  
标签:el Vue elementUI button binding disabled 点击 preventReClick

import Vue from 'vue' const preventReClick = Vue.directive('preventReClick', {   inserted: function(el, binding) {     el.addEventListener('click', () => {       if (!el.disabled) {         el.disabled = true         setTimeout(() => {           el.disabled = false         }, binding.value || 1500)       }     })   } })
export {   preventReClick }

标签:el,Vue,elementUI,button,binding,disabled,点击,preventReClick
From: https://www.cnblogs.com/zerofan/p/17809077.html

相关文章

  • unity 点击,长按和双击
    转自:Unity单击、双击、长按事件处理_unitybutton长按事件_司军礼的博客-CSDN博客原理:1.将操作抽象成三个类:ClickButton,DoubleClickButton,PressButton并实现各自的生命周期函数:ClickButton:OnPointerDown启动监测,OnPointerUp:调用点击成功事件DoubleClickButton:OnPointerDown启......
  • elementui字符串和数字型单选框的区别
    单选框的取值类型一般有两种,一种是字符串,一种是数字型。两者在使用上有区别数字型<el-radio:disabled="true"v-model="meetingType":label="1">线上会议</el-radio><el-radio:disabled="true"v-model=......
  • echarts监听legend的点击事件
    1、echarts监听legend的点击事件myChart.on('legendselectchanged',function(params){console.log(params);});转自:echarts问题--点击legend不全部隐藏,监听最后一个legend点击事件_echarts点击图例不隐藏_哥要掉线了的博客-CSDN博客 ......
  • vue3 -点击按钮进入新的页面
    一、调用页面//路由import{useRouter}from'vue-routerlet$router=useRouter()//车组调整页面consthandleCar=(row:any)=>{ $router.push({path:"/test/edit",query:{setCode:row.setCode,lineName:row.lineName}})}二、新打开的页面importuseTagsViewSt......
  • QPushButton 类初始化方法
    QPushButton类初始化方法以下是QPushButton类的初始化方法和常用参数的示例:QPushButton(text,parent=None)Pythontext:按钮显示的文本,默认为空;parent:按钮的父部件,可以是另一个部件;不指定时自动关联到默认的顶级窗口;QPushButton示例以下是一个使用QPushButton创建......
  • 2023-11-02 微信小程序的button的border如何清除?==》清除其伪类after即可
    给微信小程序的button的border设置为0或者none,依旧无法清除,这是因为button的border是用了伪类after来实现的,清除该伪类即可,你也可以参考我的css:.button{padding:0;margin:0;background:transparent!important;&::after{border:0;}}......
  • ElementUI Checkbox 多选框 返回对象
    checkBox和checkGroup通过v-model绑定的数据只能是number/string/Array 如何回调返回对象呢? 已知能返回label字符串,我们可以把label=对象id +','+ 对象名称拼接,然后返回,或者label=json字符串再传出每次选中操作后会回调返回选中数组 ......
  • BIP保存前出现弹框 阻止保存 点击修改后,再继续保存事件
    viewModel.on("beforeSave",function(args){letpromise=newcb.promise();cb.utils.confirm(title:"是否保存?",okText:"修改",cancelText:"不修改",function(){if(true){promise.rej......
  • 如何检测元素外部的点击?
    内容来自DOChttps://q.houxu6.top/?s=如何检测元素外部的点击?我有一些HTML菜单,当用户点击这些菜单的头部时,我会完全显示它们。我希望在用户点击菜单区域外时隐藏这些元素。这是否可以通过jQuery实现?$("#menuscontainer").clickOutsideThisElement(function(){//隐藏......
  • 使用RxJava实现多次连续点击的事件监听
    说起响应试编程,要提到的当然是Rx系列的库了,Rx系列的库对于很多语言和平台的运用是非常广泛的,例如(.NET,Java,Scala,Clojure,JavaScript,Ruby,Python,C++,Objective-C/Cocoa,Groovy等等。而本篇将会记录如何使用RxJava对Android点击事件的监听以异步数据流的方式来进行处理,......