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

可能的原因是在路由配置中没有正确设置父子关系，或者在 el-menu 中没有正确设置 active-index 或 default-active 属性。

以下是一个示例路由配置：

const router = new VueRouter({
  routes: [
    {
      path: '/',
      component: Home,
      children: [
        {
          path: 'child',
          component: Child
        }
      ]
    }
  ]
})

在 el-menu 中，需要设置 active-index 属性为当前激活菜单的索引，或者设置 default-active 属性为默认激活菜单的路径。例如：

<el-menu :default-active="'/child'" mode="horizontal" router>
  <el-menu-item index="/">Home</el-menu-item>
  <el-submenu index="sub1">
    <template slot="title">Submenu 1</template>
    <el-menu-item index="/child">Child</el-menu-item>
  </el-submenu>
</el-menu>

注意，如果使用了路由，需要将 el-menu 的 router 属性设置为 true，以便正确跳转到子菜单。