vue
created() {
document.addEventListener('click', this.clickOutsideEvent)
},
destroyed() {
document.removeEventListener('click', this.clickOutsideEvent)
},
methods: {
clickOutsideEvent(e) {
// console.log(this.$el.contains(e.target))
if (!this.$el.contains(e.target)){
this.handleOperater = false
}
}
}
html
//html
<div v-show="isShowDialog">
//js
document.addEventListener('click', (e) => {
if (!this.$el.contains(e.target)) this.isShowDialog = false;
})
