vue element admin从后端获取数据动态生成路由

最新推荐文章于 2024-07-29 00:48:26 发布

一只小泰迪

最新推荐文章于 2024-07-29 00:48:26 发布

阅读量1.9k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_38644630/article/details/119674310

版权

vue element admin从后端获取数据动态生成路由

在这里插入图片描述
登录、获取角色什么这些简单，按照后台调用vuex再调用接口就完事了。
以上截图的例子与后端接口有关，没有接口前端可以也可以自行模拟。先看后端接口返回的数据格式是什么？如果不是树，自行可以根据id关系自行转换一个树。

{
   
    "code": 20000,
    "errmsg": "get menutree ok",
    "data": [
        {
   
            "id": "11",
            "parentId": "1",
            "path": "/userMsg",
            "component": "Layout",
            "meta": {
   
                "title": "用户管理",
                "icon": "table"
            },
            "name": "/userMsg",
            "children": [
                {
   
                    "id": "111",
                    "parentId": "11",
                    "path": "/user",
                    "component": "User",
                    "meta": {
   
                        "title": "用户列表1",
                        "icon": "table"
                    },
                    "name": "/user"
                },
                {
   
                    "id": "112",
                    "parentId": "11",
                    "path": "/role",
                    "component": "Role",
                    "meta": {
   
                        "title": "1角色列表",
                        "icon": "table"
                    },
                    "name": "/role"
                }
            ]
        },
        {
   
            "id": "12",
            "parentId": "1",
            "path":<