element ui 第三级菜单路由
时间: 2023-06-16 10:06:59 浏览: 65
在 Element UI 中,你可以使用 Vue Router 来实现第三级菜单路由。
首先,你需要在你的路由配置文件中定义第三级路由。例如:
```javascript
{
path: '/menu1',
component: Menu1,
children: [
{
path: 'submenu1',
component: Submenu1,
children: [
{
path: 'subsubmenu1',
component: Subsubmenu1
}
]
}
]
}
```
然后,在你的菜单组件中,你可以使用 `<el-submenu>` 组件来展示第三级菜单。例如:
```html
<el-menu>
<el-submenu index="1">
<template slot="title">Menu 1</template>
<el-menu-item index="1-1">Submenu 1</el-menu-item>
<el-submenu index="1-2">
<template slot="title">Submenu 2</template>
<el-menu-item index="1-2-1">Subsubmenu 1</el-menu-item>
</el-submenu>
</el-submenu>
</el-menu>
```
在这个例子中,当你点击 Subsubmenu 1 时,它会渲染 Subsubmenu1 组件,并且它的路由路径是 `/menu1/submenu1/subsubmenu1`。