vue2自定义节流指令

preventReClick.js

import Vue from 'vue';

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

export default preventReClick;

main.js

import preventReClick from '@/directive/preventReClick.js' // 自定义节流指令
Vue.use(preventReClick)

使用：

<el-button v-preventReClick type="primary" @click="handleCheck">查询</el-button>