js 新学一招，点击出现弹框，点击其他地方关闭弹框

需求

鼠标点击菜单，出现二级菜单，当点击其他地方时，二级菜单自动关闭

分析

<template>
	<el-popover
	  v-model="visible"
	></el-popover>
</template>
<script>
export default {
    
    
	data() {
    
    
	    return {
    
    
	      visible: false,
	      hoverIndex:null,//二级菜单序号
	    };
	  },
	mounted() {
    
    
	   window.addEventListener('click', this.handleClickAway, false);
	 },
	 destroyed() {
    
    
	   window.removeEventListener('click', this.handleClickAway, true);
	 },
	 methods: {
    
    
	    handleClickAway(e) {
    
    
	      this.closePopover()
	    },
	    closePopover() {
    
    
	      this.visible = false;
	    },
	}
}
</script>