动态权限+动态路由表模块大致思路
2021-08-11 11:46:04 0 举报
动态权限+动态路由表模块大致思路
作者其他创作
大纲/内容
遍历后端返回的路由表选出type=1的路由 为页面可访问路由,将其动态添加上component后放入静态路由中的home子路由下,生成新的router路由表
处理用户权限数据份别为头部导航栏数据和侧边栏的数据,侧边栏数据为动态获取
获取用户权限信息
处理用户权限数据生成路由表
登陆成功
addRoutes()添加重复的问题使用addRoutes()在动态添加路由后 刷新页面会导致重复添加路由表的问题 但是官方和大部分博客上面的解决方法都是router.matcher = new Router().matcher在我们的项目中经测试后并不会生效,解决方法为 提前清空一下routers的数据router.options.routes = []再去重置路由表router.matcher = new Router().matcher最后添加动态路由表router.addRoutes(initRouterMap)
动态获取首页地址
因为现在用的是动态路由,权限不同进入系统后所看到的页面也不相同,所以要动态获取,默认获取头部导航第一项并且获取侧边栏数据中的第一项作为当前账户所看到的首页,由home统一的处理并且增加选中状态,注:因为我们所有的动态页面都在home页面的子路由下面,页面跳转的时候home页面是不变的,变动的是home页面中的内容区域里面的router-view组件
登陆
处理用户权限数据作为菜单数据
收藏
收藏
0 条评论
回复 删除
下一页