vue3 router.addRoute
时间: 2023-10-29 22:57:13 浏览: 90
详解Vue.js搭建路由报错 router.map is not a function
在 Vue 3 中,可以使用 `router.addRoute(route)` 方法动态添加路由。
这个方法接受一个参数 `route`,它是一个路由对象,包含了要添加的路由的相关配置信息。下面是一个示例:
```javascript
import { createRouter, createWebHistory } from 'vue-router';
const router = createRouter({
history: createWebHistory(),
routes: [
// 初始路由配置
// ...
],
});
const routeToAdd = {
path: '/new-route',
name: 'NewRoute',
component: () => import('./views/NewRoute.vue'),
};
router.addRoute(routeToAdd);
```
在上面的示例中,`routeToAdd` 是一个要添加的路由对象,它包含了要添加的路由的路径 `path`、名称 `name` 和组件 `component`。然后,使用 `router.addRoute(routeToAdd)` 将该路由添加到路由器中。
请注意,`addRoute` 方法只能在路由器实例创建后调用,因此在使用之前请确保已经创建了路由器实例。
阅读全文