基于Vue的多级路由动态加载的实现方法
基本信息
| 申请号 | CN202110571278.4 | 申请日 | - |
| 公开（公告）号 | CN113254100A | 公开（公告）日 | 2021-08-13 |
| 申请公布号 | CN113254100A | 申请公布日 | 2021-08-13 |
| 分类号 | G06F9/445;G06F16/958 | 分类 | 计算；推算；计数; |
| 发明人 | 吴双;宋舰;邓文科;鲜青林;曾辉;黄睿葱 | 申请（专利权）人 | 四川虹魔方网络科技有限公司 |
| 代理机构 | 四川省成都市天策商标专利事务所 | 代理人 | 张秀敏 |
| 地址 | 621000 四川省绵阳市高新区跨境电子商务产业园10栋301 | ||
| 法律状态 | - | ||
摘要
| 摘要 | 本发明公开了基于Vue的多级路由动态加载的实现方法，前端配置静态路由；web端创建菜单，指定不同层级菜单的组件路径；用户登录，从服务端获取角色权限对应的路由数据并返回前端；前端通过路由懒加载方法将路由数据中的组件字符串转换为对象，根据映射规则将不同层级的路由与组件建立映射；前端依据vue‑router的addRoutes方法动态加载路由，得到处理后的路由表；浏览器根据处理后的路由表进行展示。本发明在采用后台动态加载路由，只需要在web端创建菜单，当用户登录后，获取对应的权限路由表，前端只需将组件依据规则映射成组件对象即可，易操作且便于维护。 |
