el-menu 子菜单不高亮显示

问题

之前做了一个二级菜单是正常显示的，后面又加了一组内容，发现原来的子菜单不会高亮了。

于是开始排查，发现是绑定的 key 设置有误。

分析

绑定 key 属性是为了强制刷新组件，即随着判断条件的变化，切换菜单内容。

如果缺少红框中的 if (this.projectId) 判断条件，则从项目目录页到应该出现 projectId 的页面，就不会刷新组件，则当前路由 defaultMenu 就会和 backIndex 路径相符（都是项目目录页），就会高亮返回项，不会高亮正确的子菜单。

解决

把 key 属性的判断条件写完整。

参考链接

https://blog.csdn.net/lxy869718069/article/details/106140090