防止重复点击

import Vue from 'vue'

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

export {
     noReClick }

main.js

import noReClick from './XXX/noReClick ' // 防多次点击，重复提交

使用

<el-button v-noReClick >确定</el-button>