按钮防重复提交

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
            >

使用添加代码即可