vue router.addRoutes和router.addRoute的异同和使用方法

addRoutes传入数组

const accessRoutes = await store.dispatch(
            "permission/generateRoutes",
            roles
          );
           router.addRoutes(accessRoutes);
           // 动态添加可访问路由表
          // 如果参数to不能找到对应的路由的话,就再执行一次beforeEach((to, from, next)直到其中的next({ …to})能找到对应的路由为止。
          next({
            ...to,
            replace: true,
          });

addRoute传入单个

const accessRoutes = await store.dispatch(
            "permission/generateRoutes",
            roles
          );
          accessRoutes.forEach(item => {
            router.addRoute(item);
          });
           // 动态添加可访问路由表
          // 如果参数to不能找到对应的路由的话,就再执行一次beforeEach((to, from, next)直到其中的next({ …to})能找到对应的路由为止。
          next({
            ...to,
            replace: true,
          });
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐