动态路由生成

动态路由

1. 准备好动态路由，用于匹配菜单动态添加路由

2. 批量添加路由规则

   1）通过提前定义好的【asyncRoutes】数组，找到菜单列表中的目标数组

   2）判断菜单中书否存在该路由，并且该路由未被定义过

   3）向根路由中添加子路由

   4）在遍历菜单的时候判断是否存在子菜单

   5）再一次通过递归的方式遍历

   [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hFClgbVt-1679050777255)(D:\01_Software\03-markdownImages\image-20230317185006811.png)]

3. 使用addRoute()方法之后，他们只注册一个新路由，如果新增路由与当前位置相匹配，就需要自己手动导航才能显示该新路由。

，就需要自己手动导航才能显示该新路由。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MhntQslr-1679050777257)(D:\01_Software\03-markdownImages\image-20230317185846278.png)]