vue 防止按钮多次点击重复提交

1：创建 disPrevent.js

2:代码如下

import Vue from 'vue';

const disPrevent= Vue.directive('disPrevent', {
  inserted: function(el, binding) {
    el.addEventListener('click', () => {
      if (!el.disabled) {
        el.disabled = true;
        setTimeout(() => {
          el.disabled = false;
        }, binding.value || 3000);
      }
    });
  }
});

export { disPrevent};

3:main.js引入

import disPrevent from './utils/disPrevent'

4:使用

         保存