1、新建一个js文件preventReClick.js,
export default { install (Vue) { // 防重复点击(指令实现) Vue.directive('preventReClick', { inserted (el, binding) { console.log(el, binding) el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true setTimeout(() => { el.disabled = false }, binding.value || 3000) } }) } }) } }
2、将js文件引入至main.js,并使用
import install from './preventReClick'
Vue.use(install)
3、给要防止重复点击的按钮加上指令v-preventReClick