在uniapp里在button上试了试没有作用;
export default (Vue) => {
Vue.directive(
//防止连续点击,适合有disable属性的组件使用,如form组件中的button、input
'preventReclick', {
inserted(el, binding) {
el.addEventListener('click', () => {
console.log("directive - preventReclick");
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 2000)
}
})
}
})
}
main.js
// 自定义指令
import directives from '@/common/directives.js'
<button v-preventReclick="1000" @click="onLog">测试form组件防连点</button>
Vue.use(directives)
利用Vue的自定义指令directives阻止连续点击(全局)记录一下使用Vue的自定义指令directives阻止连续点击的方法,高级点的说法是函数防抖或者函数节流。 前提 1.vue,cli架构已安装2.全局注册方法来源 @lesd...