当前位置：首页 > news >正文

TDesign学习：（五）设置三级菜单的坑

news 2025/9/20 15:36:50

官方文档
文档写的太简洁了，实际上是这样，必须把二级菜单的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}}]}]}]}
}