Vue中的全局指令防止按钮重复点击_vue.js_

import Vue from 'vue'; const preventReClick = Vue.directive('preventReClick', {   inserted: function (el, binding) {     el.addEventListener('click', () => {       if (!el.disabled) {         el.disabled = true         setTimeout(() => {           el.disabled = false         }, binding.value || 3000)       }       console.log(el.disabled)     })   } });   export {   preventReClick }

确定

import preventReClick from '../common' //防多次点击，重复提交

// directive.js export default {   install (Vue) {     // 防重复点击(指令实现)     Vue.directive('repeatClick', {       inserted (el, binding) {         el.addEventListener('click', () => {           if (!el.disabled) {             el.disabled = true             setTimeout(() => {               el.disabled = false             }, binding.value || 1000)           }         })       }     })   } }

import directive from 'directive.js'; vue.use(directive );