按钮防止多次点击

/**
 * 防多次点击，重复提交
 */
 export const preventReClick = Vue.directive('preventReClick', {
  inserted: function (el, binding) {
    el.addEventListener('click', () => {
      el.setAttribute('style', 'pointer-events: none;')
        setTimeout(() => {
          el.setAttribute('style', 'pointer-events: auto;')
        }, binding.value || 3000)
    })
  }
})

然后在 main.js 引入

// 防多次点击，重复提交
import {preventReClick} from './plugins/preventReClick.js'
Vue.use(preventReClick)

最后在按钮上加上v-preventReClick 就行了跟v-if一样通用