ElementUI中导航菜单
导航菜单的Menu Events的close回调事件
背景:要实现点击首页,然后导航菜单要收起,然后页面跳转到首页。
给el-menu绑定ref
<el-menu
ref="menu"
:default-active="menuActive"
@open="handleOpen"
>
js事件
// 获取当前打开导航的key
handleOpen(key) {
this.KeyIndex = key;
},
// 将高亮的menuActive设为空,使用close回调事件,将上面获取的key传入,使得开启的导航菜单关闭
homeClick(){
this.menuActive = "";
this.$refs.menu.close(this.KeyIndex);
}