version: 2.6.14
某日，业务需要我需要在按钮点击之前验证某些条件，如果不符合即不执行click内的业务代码。思前想后，写一个指令不就可以了。做到既不改动原有的业务代码，又可以移植。
<template>
<button v-capture @click="handleClick">button</button>
</template>
<script>
export default {
methods: {
handleClick(){
console.log(1)
}
},
directives: {
capture: {
bind(el) {
el.captureHandler = (e) => {
// 验证条件
console.log(2)
e.stopPropagation()
};
el.addEventListener("click", el.captureHandler);
},
unbind(el) {
el.removeEventListener("click", el.captureHandler);
}
}
}
}
</script>
