vue我自己的动态菜单思路
1、在router里把所有的路由都加上。
2、后端存储路由path和其他设计需要的信息。
3、登录后,后端返回菜单树,根据权限不同,返回的菜单不同,并且还要返回每个path代表的页面具有的权限数组。可以实现前端对权限的控制。
4、根据后端返回的菜单树的path,去过滤路由数组,即path对应相同的路由就要显示成菜单并把路由数组作为需要渲染的菜单数组;并且把后端的权限集合和其他信息加入到这个符合条件的路由的meta里面;然后把这个route push到菜单的绑定对象数组种,最后就可以展示菜单了。
5、前端渲染。
这种思路,后端的菜单表就简单,不过需要在前端把路由就配值完整,当然,也可以完完全全的去动态构建路由对象,组件都动态加载,后端存的东西就会很多。