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

最新推荐文章于 2023-07-01 23:01:53 发布

red润

最新推荐文章于 2023-07-01 23:01:53 发布

阅读量1w

点赞数 8

分类专栏：经验文章标签： javascript vue.js

本文链接：https://blog.csdn.net/qq_47658204/article/details/116710196

版权

经验专栏收录该内容

16 篇文章 2 订阅

订阅专栏

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,
          });