前端按钮权限涉及路由跳转如何处理

Question

做后台管理遇到一个问题，例如我们需要做菜单和按钮权限，假如我们前端路由是这么写的，我就简单写了：

const route = {
  path:"article",
  children:[{
    path:"edit"
  }]
}

意思是文章管理模块有一个编辑按钮，点击编辑按钮跳转到编辑页面，然后后端给我们的权限是这样的：

{
  path:"article",
  operate:[""]
}

意思是有文章管理页面，没有编辑权限。

那么这个时候我应该怎么根据后端返回的操作权限去diff掉前端的path:"edit"这个路由权限？

Answer 1

路由的 name 属性最好用 Symbol