增加vue 自定义指令方法。代码如下:
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 || 2000) } }) } }); export { preventReClick }
在需要按钮上直接增加 v-preventReClick 就可以。