在弹窗组件最外层div中加事件
// 子组件弹窗
<template>
<div class="keyboard-wrap" v-if="kbShow" @click.stop>
弹窗里面的内容
</div>
</template>
mounted() {
document.addEventListener("click", this.bodyCloseMenus);
},
methods: {
bodyCloseMenus() {
if (this.kbShow == true) {
this.kbShow =false;
}
},
},
// 最后记得销毁
beforeDestroy() {
document.removeEventListener("click", this.bodyCloseMenus);
},