<p class="parameter" v-clickoutside="handleClose" @click="processParameters">点击</p>
<script>
const clickoutside = {
bind(el, binding, vnode) {
function documentHandler(e) {
if (el.contains(e.target)) {
return false
}
if (binding.expression) {
binding.value(e)
}
}
el.__vueClickOutside__ = documentHandler
document.addEventListener('click', documentHandler)
},
unbind(el, binding) {
document.removeEventListener('click', el.__vueClickOutside__)
delete el.__vueClickOutside__;
}
}
export default {
directives: {clickoutside},
methods: {
processParameters() {
this.VersionFlag = !this.VersionFlag
},
handleClose() {
this.VersionFlag = false
}
}
}
</script>