首页 > 其他分享 >按钮防重复提交

按钮防重复提交

时间:2023-08-28 11:56:23浏览次数:37  
标签:el 重复 binding disabled 提交 按钮

main.js 添加代码

//防多次点击,重复提交
Vue.directive('preventReClick', {
  inserted(el, binding) {
    el.addEventListener('click', () => {
      if (!el.disabled) {
        el.disabled = true
        setTimeout(() => {
          el.disabled = false
        }, binding.value || 2000)
      }
    })
  }
});
<el-button
              type="primary"
              v-preventReClick="10000"
              >提交</el-button
            >

使用添加代码即可

标签:el,重复,binding,disabled,提交,按钮
From: https://www.cnblogs.com/xiaobaizitaibai/p/17661922.html

相关文章

  • 粘贴板工具Ditto(存储粘贴板历史,可以使用快捷键调用,减少重复操作)相关配置
    官方地址:https://ditto-cp.sourceforge.io/一般下载便携版即zip压缩包的版本即可配置:1.更改界面语言右键-options-language-下拉选择Chinesesimple2.快捷键设置-点击"键盘快捷键"选项卡 激活使用默认的ctrl+`即可重点:最后十个项目的快捷键第一个可以不设,因为使......
  • React加载组件后自动触发某函数,而不需要点击按钮
    问题在项目中使用了ReactToPrint来实现打印,但是trigger属性中的按钮需要点击才能执行打印。期望能在组件加载完成时自动执行打印方法。解决可在组件加载完成时,通过id获取组件,并执行该组件的click方法。代码如下:importReact,{useRef,useEffect}from'react';//.........
  • 黑魂242 动作按钮
    在IUserInput脚本里添加一个新的布尔值: 然后在KeyBoardInput脚本里添加这个变量的键位: 在ActorController脚本添加这两行代码: 在下面写一个判断式,当控制键action触发时,唤醒OnAction。 ......
  • flutter中通过遍历一个数组,给每个元素添加一个开关按钮怎么写
    要通过遍历一个数组给每个元素添加一个开关按钮,你可以使用ListView.builder来构建一个包含开关按钮的列表。下面是一个示例,展示了如何遍历一个数组并为每个元素添加一个开关按钮:List<bool>switchValues=List.generate(5,(index)=>false);ListView.builder(itemCount:sw......
  • Struts2中防止表单重复提交的两种方式
    防止表单重复提交,这是个很重要的知识点,而且很有用。当用户提交了一个表单,此时,地址栏显示的是处理这个表单的Action的地址,若此时刷新,则会重新发送一次表单数据,即又进行了一次提交,若这个Action是用来处理用户注册的,那么重复提交会再一次向数据库中插入之前已经插入的数据,这显然不是我......
  • LeetCode-26. 删除有序数组中的重复项(Java)
    这是我在51CTO博客开启的写作之路,第一次正式写博客记录我在LeetCode的刷题日,希望能帮助更多的小伙伴攻面自己心仪的公司offer。如下对于 LeetCode-26. 删除有序数组中的重复项,进行全面解析并小结解题思路,同学们请参考:1.题目描述给你一个 升序排列 的数组 nums ,请你 原地 删......
  • 给微软.Net runtime运行时提交的几个Issues
    前言因为目前从事的CLR+JIT,所以会遇到一些非常底层的问题,比如涉及到微软的公共运行时和即时编译器或者AOT编译器的编译异常等情况,这里分享下自己提的几个Issues。原文:微软.Netruntime运行时提交的几个IssuesIssues一.issuesone第一个System.Numerics.Vector库里面的成员......
  • Tita 升级|便捷查看「我的/ta 的」总结提交情况
    一、单人提交情况看板的查看Tita-OKR和新绩效一体化管理平台无论是在「我的总结」中查看自己的总结提交,还是单独查看下属、共享人、或者是搜索某一位同事进行总结的查看,都会在页面右侧看到这个人总结提交情况的统计看板,在看板中可以看到这一员工是否提交了总结,是按时提交还是......
  • Spark任务提交到Yarn状态一直是Accepted
    现象今天提交Spark任务到Yarn集群,但是任务状态一直是Accepted:23/08/2514:59:55INFOClient:Applicationreportforapplication_1692971614101_0018(state:ACCEPTED)原因前端时间也遇到这个问题,是因为Yarn集群健康节点是0,不健康的节点点进详情显示:1/1local-......
  • 12.Acwing基础课第799题-简单-最长连续不重复子序列
    12.Acwing基础课第799题-简单-最长连续不重复子序列题目描述给定一个长度为n的整数序列,请找出最长的不包含重复的数的连续区间,输出它的长度。输入格式第一行包含整数n。第二行包含n个整数(均在0∼1050∼105范围内),表示整数序列。输出格式共一行,包含一个整数,表示最长的不......