Element ui中NavMenu 导航菜单关闭指定submenu

时间:2024-04-12 15:01:05

Element ui中NavMenu 导航菜单关闭指定submenu
通过$refs来获取menu的DOM元素,上面有这个close方法,传入你需要关闭的submenu的索引号来进行关闭,index可以通过绑定@open来触发函数来获取。
许多后台项目都有返回首页的路由跳转,但是跳转以后,上一个页面开启的submenu仍然会开着显示高亮,在这里我们可以通过@open来获取当前的submenu的索引,并保存到本地缓存中
Element ui中NavMenu 导航菜单关闭指定submenuElement ui中NavMenu 导航菜单关闭指定submenu
然后通过监听路由,来判断是否跳转到首页,如果跳转到首页就调用ref来获取DOM调用close方法,参数就是open保存到本地的index
Element ui中NavMenu 导航菜单关闭指定submenu
这样跳转到首页,menu所有的submenu都是关闭的,前提是必须开启这个属性,否则的话在open中要用数组接收打开的Index并保存在本地缓存中Element ui中NavMenu 导航菜单关闭指定submenu