Vue3项目运行时报错误:TypeError:router.addRouters is not a function

router.addRouters()方法报错:Uncaught (in promise) TypeError: router.default.addRouters is not a function。

 

原因分析:

新版VueRouter废除了addRoutes();//添加的数组

改为addRoute(RouteRecordRaw);//添加的为对象

 

解决办法:

原代码为:

const routers = store.getters.addRouters;
router.addRoutes(routers);

修改为:

const routers = store.getters.addRouters;
routers.forEach((route) => {
  router.addRoute(route);
});

即可解决。

posted @ 2022-07-08 12:04  rainbow70626  阅读(1421)  评论(0编辑  收藏  举报