Vue动态菜单路由如何实现？

Question

后端：java
前端：vue+elementui

后端返回的树形菜单，前端如何动态的现实菜单和路由

{
    "code": 200,
    "msg": "success",
    "data": [
        {
            "id": 999999999,
            "label": "功能菜单",
            "children": [
                {
                    "id": 100000000,
                    "label": "系统管理",
                    "children": [
                        {
                            "id": 100000100,
                            "label": "用户管理",
                            "children": []
                        },
                        {
                            "id": 100000200,
                            "label": "角色管理",
                            "children": []
                        }
                    ]
                }
            ]
        }
    ]
}

Answer 1

可以参考element ui 的导航菜单

https://element.eleme.cn/#/zh-CN/component/menu#ce-lan

或者参考http://t.csdn.cn/tvYc3