vue+antdesign导航菜单动态加载

2019独角兽企业重金招聘Python工程师标准>>>

antdesign侧边栏菜单，需根据后台返回的数据动态加载菜单列表，在循环填充时会遇到子菜单项拆分问题， 查阅官方文档，在单文件递归菜单中，使用函数式组件递归生成菜单

 "menuList": [
        {
            "name": "监控系统",
            "url": "http://192.168.1.100:9999",
            "iconType": "laptop",
        },
        {
            "name": "模块接口",
            "url": null,
            "iconType": "bars",
            "sidebars": [
                {
                    "name": "订单模块",
                    "url": "http://192.168.1.100:8890//swagger-ui.html",
                    "iconType": "italic",
                    "children": []
                }
            ]
        },
        {
            "name": "关于",
            "url": "http://192.168.1.100:9999/about",
            "iconType": "info",
        }
    ]

根据上述后台传递的json数组， 主组件中代码如下：

其中的由子组件定义，如下：

在源文件中

其中的中还包含递归组件

转载于:https://my.oschina.net/u/4131669/blog/3048416