element router 跳转子菜单路径

Element UI 是一个基于 Vue 2.0 的桌面端组件库，它提供了一套丰富的组件来帮助开发者快速构建高质量的界面。Element UI 的 router 功能是用于控制页面路由跳转，它可以很好地与 Vue Router 配合使用。在使用 Element UI 时，如果你想要在点击导航菜单项后跳转到子菜单路径，你需要正确地设置路由配置。

为了实现这样的功能，你可以使用 Vue Router 提供的嵌套路由功能，将子菜单作为父级菜单的子路由来配置。以下是一个简单的示例：

// 假设你已经安装并引入了 Vue 和 Vue Router

// 1. 定义路由组件
const ParentComponent = { template: `<div>父组件内容</div>` };
const ChildComponent = { template: `<div>子组件内容</div>` };

// 2. 配置路由
const routes = [
  {
    path: '/parent',
    component: ParentComponent,
    children: [
      {
        path: 'child', // 子菜单路径
        component: ChildComponent
      }
    ]
  }
];

// 3. 创建 router 实例
const router = new VueRouter({
  routes // (缩写) 相当于 routes: routes
});

// 4. 创建和挂载根实例
new Vue({
  router,
}).$mount('#app');

在这个例子中，当用户点击父菜单时，会导航到 `/parent` 路径，并显示 `ParentComponent` 组件的内容。如果用户点击子菜单（假设是通过导航菜单组件实现的），则会导航到 `/parent/child` 路径，并显示 `ChildComponent` 组件的内容。