后端返回菜单以及每个页面的按钮权限，前端怎么做按钮的控制，怎么把按钮和页面对应上？

Question

```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": []
}
]
}
]
}
 

```

Answer 1

我想知道你这个后端菜单的作用，是需要使用这套菜单进行跳转操作还是单纯的想要控制按钮权限，这这两种需求下实现的方法是不太一样的

Answer 2

这个是登陆后后端返回的权限菜单包括按钮权限，用这个生成了菜单栏动态路由实现了跳转，然后还要用这个实现按钮控制，后端把每个页面的按钮权限在button字段返回了，

Answer 3

页面跳转是根据菜单中的哪个字段做的？拿到这个字段就可以和本地的页面做比对了

Answer 4

name是页面的名字，url是对应的路由path，我可以拿当前页面的name或者url来进行判断这样是吧？