TDesign学习:(五)设置三级菜单的坑

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值