写入方法
export default {
install (Vue) {
// 防止重复点击
Vue.directive('preventReClick', {
inserted (el, binding) {
console.log("binding-7",binding)
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
},binding.value || 1000)
}
})
}
})
}
}
main.js引入
import preventReClick from './js/preventRepeatClick.js'
Vue.use(preventReClick)
页面使用
<el-button type="primary" v- preventReClick>主要按钮</el-button>