官方文档
文档写的太简洁了,实际上是这样,必须把二级菜单的path指向一个包含
router-view的vue组件,但这个组件中又没写真实的页面信息(router-view中没加载任何组件当然是空的)
为了避免尴尬,设置一个默认三级页面,所以要配置redirect
层层套娃,有点……………………
比如:
系统管理-------------->Layout,默认的,包含了router-view
用户管理----------->这个路径对应的组件必须包含router-view,
用户列表-------->实际的用户列表组件(再里面里【新增】跳转创建用户)
创建用户-------->实际的创建用户组件(菜单不用在左侧显示,设置为隐藏)
注意实现
我用TDesign Starter 0.13.1时,加了三级,点了三级菜单时,其他菜单就失效了,需做如下更改
{
"code": 0,
"message": "success",
"data": {
"list": [
{
"path": "/ansible",
"name": "ansible",
"component": "LAYOUT", //------壳
"meta": {
"title": {
"zh_CN": "Ansible",
"en_US": ""
},
"icon": "lighting-circle",
"keepAlive": true
},
"children": [
{
"path": "module",
"name": "module",
"component": "/ansible/module/index",//------壳
"redirect": "/ansible/module/modulelist",
"meta": {
"title": {
"zh_CN": "模块管理",
"en_US": ""
},
"keepAlive": true
},
"children": [
{
"path": "modulelist",
"name": "modulelist",
"component": "/ansible/module/components/ModuleList",
"meta": {
"title": {
"zh_CN": "模块列表",
"en_US": ""
},
"keepAlive": true,
"hidden": true
}
},
{
"path": "createform",
"name": "createform",
"component": "/ansible/module/components/ModuleForm",
"meta": {
"title": {
"zh_CN": "新建模块",
"en_US": ""
},
"keepAlive": true,
"hidden": true
}
}
]
},
{
"path": "playbook",
"name": "playbook",
"component": "/ansible/playbook/index",
"meta": {
"title": {
"zh_CN": "剧本",
"en_US": ""
},
"keepAlive": true
}
},
{
"path": "plan",
"name": "plan",
"component": "/ansible/plan/index",
"meta": {
"title": {
"zh_CN": "作业计划",
"en_US": ""
},
"keepAlive": true
}
},
{
"path": "host",
"name": "Host",
"component": "/ansible/host/index",
"meta": {
"title": {
"zh_CN": "主机管理",
"en_US": ""
},
"keepAlive": true
}
}
]
},
{
"path": "/system",
"name": "system",
"component": "LAYOUT",
"meta": {
"title": {
"zh_CN": "系统管理",
"en_US": ""
},
"icon": "doge",
"keepAlive": true
},
"children": [
{
"path": "role",
"name": "role",
"component": "/system/role/index",
"meta": {
"title": {
"zh_CN": "角色管理",
"en_US": ""
},
"keepAlive": true
}
},
{
"path": "user",
"name": "user",
"component": "/system/user/index",
"meta": {
"title": {
"zh_CN": "用户管理",
"en_US": ""
},
"keepAlive": true
},
"children": [
{
"path": "",
"name": "delete",
"meta": {
"title": {
"zh_CN": "删除用户",
"en_US": ""
},
"keepAlive": true,
"hidden": true
}
},
{
"path": "",
"name": "create",
"meta": {
"title": {
"zh_CN": "新建用户",
"en_US": ""
},
"keepAlive": true,
"hidden": true
}
}
]
},
{
"path": "menu",
"name": "menu",
"component": "/system/menu/index",
"meta": {
"title": {
"zh_CN": "菜单权限",
"en_US": ""
},
"keepAlive": true
},
"children": [
{
"path": "",
"name": "delete",
"meta": {
"title": {
"zh_CN": "删除菜单权限",
"en_US": ""
},
"keepAlive": true,
"hidden": true
}
},
{
"path": "",
"name": "update",
"meta": {
"title": {
"zh_CN": "更新菜单权限",
"en_US": ""
},
"keepAlive": true,
"hidden": true
}
},
{
"path": "",
"name": "create",
"meta": {
"title": {
"zh_CN": "新建菜单",
"en_US": ""
},
"keepAlive": true,
"hidden": true
}
}
]
}
]
}
]
}
}