各位大佬, Vue3动态路由(addRoutes)报错不知道怎么解决了

Question

项目是从Vue2迁移的, 之前Vue2一直用的addRoutes, 升级到3之后报错

目前这块网上资料太少了, 有没有大佬知道怎么解决的, 也想过使用addRoute, 但一次只能传递一个路由, 在一个路由下包含多个路由就不知道怎么办了

Answer 1

router.addRoute({
name: 'admin',
path: '/admin',
component: Admin,
children: [{ path: 'settings', component: AdminSettings }],
})
这种写法可以

Answer 2

看报错是没找到addRoutes方法, 文档上addRoutes方法已废弃用addRoute替代了,看是不是你还在用addRoutes

Answer 3

解决了吗，我也遇到这个问题了
//routes 是一个数组 就和你之前vue2.x的数组一样

  const routes = store.getters.asyncRouter
  if (routes.length) {
    routes.forEach(item => {
      router.addRoute(item)
    })
  }