vue工程 el-button添加全局防抖设置

一、main.js中

给按钮加上一个全局指令 noMoreClick 来限制在一定的时间内控件为 disabled不让再次点击

 
//在main.js中
// 提交以后禁用按钮一段时间，防止重复提交
import Vue from 'vue'
Vue.directive('noMoreClick', {
  inserted(el, binding) {
    el.addEventListener('click', e => {
      el.classList.add('is-disabled')
      el.disabled = true
      setTimeout(() => {
        el.disabled = false
        el.classList.remove('is-disabled')
      }, 2000)//我这里设置的是2000毫秒也就是2秒
    })
  }
})

二、vue页面中el-button控件

el-button使用该全局指令即可。

<el-button v-no-more-click type="primary" >保存</el-button>