La adición de rutas generalmente se routesrealiza con opciones, pero en algunos casos es posible que desee agregar o eliminar rutas mientras la aplicación ya se está ejecutando, en cuyo caso se puede usar el enrutamiento dinámico.
añadir ruta
El enrutamiento dinámico se implementa principalmente a través de dos funciones. enrutador.addRoute() y enrutador.removeRoute(). Solo registran una nueva ruta, es decir, si una ruta recién agregada coincide con la ubicación actual, debe navegar manualmente con router.push() o router.replace() para mostrar la nueva ruta. Por ejemplo:
const router = createRouter({
history: createWebHistory(),
routes: [{
path: '/:articleName', component: Article }],
})
Ingresar a cualquier página, /acerca de, o /tienda, eventualmente generará el componente Artículo. Si añadimos una nueva ruta en /sobre:
router.addRoute({
path: '/about', component: About })
La página aún mostrará el componente Artículo, debemos llamar manualmente a router.replace() para cambiar la posición actual y sobrescribir nuestra posición original:
router.addRoute({
path: '/about', component: About })
// 我们也可以使用 this.$route 或 route = useRoute() （在 setup 中）
router.replace(router.currentRoute.value.fullPath)