网站建设 资质买服饰网站建设

需求

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

分析

<template><el-popoverv-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>