vue菜单权限问题

Question

左侧菜单有12345，需求是根据用户权限显示菜单 A角色可以看12345 B只可以看12，第一次做这个功能，请问有什么思路

Answer 1

动态路由比较逼格一些，登录后 后台返回，我的github上有例子。
基本思路是，前端vue.js通过动态路由实现动态的菜单，把画面（根据画面的参数生成菜单）与用户或角色绑定。
后台的接口与画面绑定，通过定义组件v-segment控制画面的元素的权限，权限数据同样从后台获取。
后台的接口权限，通过session里的role加方法拦截(spring security配合AOP)来处理

Answer 2

后台返回权限，及权限菜单列表

Answer 3

思路就是，菜单由后台控制，返回给你啥，你就展示啥

Answer 4

前端请求后端接口获得当前登录用户的权限数据，菜单组件根据这个数据决定显示哪些菜单项。获取到权限数据之前菜单组件什么都不显示。

Answer 5

在我做的项目里菜单是二级列表,树形数据结构
所以后端返回arr1=[1,2]
我就先循环遍历原菜单数据,把除了1,2之外的数据删除掉
这里面需要注意的问题是深复制,js删除数组元素等技术点