Vue Router el-menu 子菜单进入父级菜单不高亮问题解决方法

这个问题可能是由于你的路由配置或菜单组件的代码有问题导致的。以下是可能的解决方案：

1. 确保你的路由配置中设置了正确的父子关系。即在父级路由中设置了 children 属性，并将子路由作为其值，如下所示：

const routes = [
  {
    path: '/',
    component: Home,
    children: [
      {
        path: 'child',
        component: Child
      }
    ]
  }
]

2. 确保你的菜单组件中正确地使用了 Vue Router 的 $route API。你可以使用 $route.matched 属性来获取当前路由的所有嵌套路径，然后根据这些路径来判断哪个菜单项应该被高亮。例如：

<el-menu>
  <el-menu-item :index="`/${path}`" v-for="path in $route.matched.map(m => m.path)">
    {{ path }}
  </el-menu-item>
</el-menu>

在这个示例中，我们使用了 $route.matched.map(m => m.path) 来获取当前路由的所有嵌套路径，然后将它们作为 v-for 的循环变量，以便为每个菜单项设置正确的 index 属性。

希望这能帮助你解决问题。如果仍然存在问题，请提供更多信息，以便我们更好地帮助你解决问题。