vue3 element-plus admin这个脚手架怎么实现动态路由功能,和增删改查的权限
1、路由增删改查 肯定要写一个类似菜单权限的模块
2、生成菜单树,点击某一节点,表单回显对应该节点类型 ,也可以在指定菜单下新增某一个节点
最后:菜单不论新增修改完成后需要重新获取菜单数据,也就是左侧导航 ,需要重新生成路由
我用的iview admin写的,应该逻辑都是一样的,但是我遇到新的问题。
就是:我首次根据token获取菜单树,根据菜单树动态添加路由,当我新增一个菜单时,需要重新获取菜单树,也就是再次添加路由,这次会有个路由重复的警告 在控制台打印
俩种思路 一种是不需要前端写路由表的: 路由创建的时候指明页面 .vue 页面地址或者 你.vue 页面地址路径都跟你路由高度保持一致,你获取菜单树的时候就递归你的菜单树,要把children子子孙孙都循环到,循环到哪个就填上name path component(动态拼上你页面文件地址),循环完最后就得到一个权限路由表了,addroute加上去就行了
另外一种是你前端先写好动态路由表,每个角色登录后得到后端给了 权限id集合, 这个id是你这角色的拥有的菜单id集合, 然后去循环你的动态路由文件,还是一样用递归,把不存在你权限集合id里的路由剔除掉就行了 最后addroute