首页 > 其他分享 >提交按钮:用户点击多次,只有一次有效(多次提交只有一次有效)

提交按钮:用户点击多次,只有一次有效(多次提交只有一次有效)

时间:2022-09-02 20:45:18浏览次数:69  
标签:el binding 多次 disabled 有效 preventReClick 提交 click

<el-button
        v-if="showBtn !== 'no'"
        v-preventReClick
        style="width: 120px; backgroundColor: #007c84; color: #fff;marginLeft: 80px;"
        @click.stop="commitData"
        round
        >确定</el-button
>

Vue 指令:

directives: {
    'preventReClick': (el, binding) => {
      el.addEventListener('click', () => {
        if (!el.disabled) {
          el.disabled = true;
          setTimeout(() => {
            el.disabled = false;
          }, binding.value || 2500);
        }
      })
    }
  },

 

标签:el,binding,多次,disabled,有效,preventReClick,提交,click
From: https://www.cnblogs.com/hahahakc/p/16651168.html

相关文章

  • 242 有效的字母异位词(附带哈希的简单了解)
    哈希的简单了解https://www.bilibili.com/video/BV1bb4y1s7mw?p=62&vd_source=d6067928eb906629adf6cc260761df74题目242有效的字母异位词给定两个字符串s和t,编写......
  • Mac下ssh root@localhost多次输入密码 提示:permission denied解决方案
    一、终极解决方案1、在命令行输入如下命令:sudovim/etc/ssh/sshd_config 2、修改PermiRootLogin为yes,如下图  ......
  • 北极星指标|专家建议如何有效制订NSM以驱动增长
    北极星指标NSM 是衡量产品向客户提供的核心价值的最佳指标。让团队中的每个人都专注于一个目标,对推动可持续的长期增长至关重要。本文建议采用一套可行的 NSM框架来......
  • jira提交bug
    1:jira通过浏览器链接打开  2:菜单栏-点击项目,选择对应的项目   3:菜单栏-点击新建;或者快捷键C,则跳出创建问题的弹框  4:问题类型选择:缺陷  5:编写缺......
  • 如何写出有效的单元测试
      什么是单元测试 《单元测试的艺术》中对单元测试的定义: 一个单元测试是一段自动化的代码,这段代码调用被测试的工作单元,之后对这个单元的单个最终结果的某些......
  • D365: Workflow避免同一审核人多次审批
    D365中当一个员工身居多职或者承担多个角色时,针对这样的场景,我们在配置审批流过程当中,难免会遇到,在配置的审批节点时,同一个人会出现在多个审批节点中,用户就会出现,同一张单......
  • 若依项目qutil富文本提交后缺少了部分html标签
    问题:提交含有qutil富文本控件的表单,后端接收到的富文本数据,缺少了部分html标签。背景:ruoyi前后端分离项目,后端Springboot,前端vue,富文本控件qutil。解决:参考记-富文......
  • 解决方案:有效的字谜(Python)
    解决方案:有效的字谜(Python)给定两个字符串s和吨,返回真的如果吨是一个字谜s,和错误的否则.一个字谜是通过重新排列不同单词或短语的字母而形成的单词......
  • python request post from 提交表单
    前言一个http请求包括三个部分,为别为请求行,请求报头,消息主体,类似以下这样:请求行请求报头消息主体HTTP协议规定post提交的数据必须放在消息主体中,但是协议并没有规定必......
  • webpack5 中使用iframe 复用导航栏时js代码多次编译问题
    作为webpack萌新,在使用webpack时,偶然发现热更新了多次,最开始以为是配置问题,网上找了很久都没有答案,无意看见一个一个帖子说多引用了一遍js文件,于是我我回去找代码看是不是......