QUcyp 2022-08-10 19:07 采纳率: 66.7%
浏览 110
已结题

vue-element-admin改为后端获取路由,把后端返回的多维数组转为对应菜单?

后端数据:

```javascript
{
"mid": 38,
"name": "系统管理",
"pid": 0,
"button": [],
"isHas": 1,
"sonData": [
{
"mid": 39,
"name": "菜单管理",
"pid": 38,
"button": [],
"isHas": 1,
"sonData": [
{
"mid": 40,
"name": "菜单列表",
"pid": 39,
"button": [
{
"code": "menu_add",
"name": "添加",
"isHas": 1
},
{
"code": "menu_edit",
"name": "编辑",
"isHas": 1
},
{
"code": "menu_del",
"name": "删除",
"isHas": 1
}
],
"isHas": 1,
"sonData": []
}
]
},
{
"mid": 41,
"name": "角色管理",
"pid": 38,
"button": [],
"isHas": 1,
"sonData": [
{
"mid": 42,
"name": "角色列表",
"pid": 41,
"button": [
{
"code": "role_add",
"name": "添加角色",
"isHas": 0
},
{
"code": "role_edit",
"name": "角色编辑",
"isHas": 0
},
{
"code": "role_del",
"name": "角色删除",
"isHas": 0
},
{
"code": "auth_add",
"name": "角色赋权限",
"isHas": 0
}
],
"isHas": 1,
"sonData": []
}
]
},
{
"mid": 43,
"name": "员工管理",
"pid": 38,
"button": [],
"isHas": 1,
"sonData": [
{
"mid": 44,
"name": "员工列表",
"pid": 43,
"button": [
{
"code": "user_add",
"name": "添加用户",
"isHas": 0
},
{
"code": "user_edit",
"name": "用户编辑",
"isHas": 0
},
{
"code": "user_del",
"name": "删除用户",
"isHas": 0
}
],
"isHas": 1,
"sonData": []
}
]
}
]
}

```怎么转化匹配菜单?

  • 写回答

3条回答 默认 最新

  • Z_pigeon 2022-08-11 08:57
    关注

    思路是这样的,首先vue-element-admin下载下来的demo是可以正常显示菜单的,此时找到渲染菜单的组件,输出菜单渲染变量的整个数据,这个是你需要参考的最终接口过来的菜单数据需要组装成的样子。然后由于demo中菜单是静态的,你是接口来的,所以拼接好菜单后需要通过router.addRoutes动态路由

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 8月19日
  • 已采纳回答 8月11日
  • 创建了问题 8月10日

悬赏问题

  • ¥15 nslt的可用模型,或者其他可以进行推理的现有模型
  • ¥15 arduino上连sim900a实现连接mqtt服务器
  • ¥15 vncviewer7.0安装后如何正确注册License许可证,激活使用
  • ¥15 phython如何实现以下功能?查找同一用户名的消费金额合并2
  • ¥66 关于人体营养与饮食规划的线性规划模型
  • ¥15 基于深度学习的快递面单识别系统
  • ¥15 Multisim仿真设计地铁到站提醒电路
  • ¥15 怎么用一个500W电源给5台60W的电脑供电
  • ¥15 请推荐一个轻量级规则引擎,配合流程引擎使用,规则引擎负责判断出符合规则的流程引擎模板id
  • ¥15 Excel表只有年月怎么计算年龄