html
<el-menu
ref="menu"
mode="vertical"
text-color="#fff"
background-color="#1f3b4a"
:default-active="activeMenu"
@select="handleClick"
:collapse="isCollapse"
>
最近遇到的问题是:其中有一个子菜单1点击会打开新页面,但是菜单激活状态也变成了子菜单1,当前页面还是子菜单2的页面和路由,怎么恢复菜单激活状态为子菜单2??
javascript
handleClick(index) {
// 在打开新页面后加上代码
// 恢复当前菜单激活状态
setTimeout(() => {
this.$refs.menu.updateActiveIndex(this.activeMenu)
// 或者 this.$refs.menu.activeIndex = this.activeMenu;
}, 200)
}
原因分析:default-active 只是菜单的默认激活项,点击菜单时,el-menu 会先更新自己的内部激活状态。