Estoy usando VueJS 3 y Vue Router 4. Quiero obtener el nombre de la ruta actual usando {{$route.name}} ; esto funciona hasta ahora. Pero no devuelve ningún nombre de ruta, si estoy accediendo a una ruta, en este ejemplo estoy tratando de acceder a /planes/1, no devuelve ningún valor. aquí está mi matriz de rutas del enrutador:
const routes = [ { path: '/plans', name: 'Learning Plans', component: ListPlans }, { path: '/plans/:id', name: "Leaning Plan: Learn", component: ViewPlan, props: true }, { path: '/plans/:id/edit', name: "Edit Learningplan", component: EditPlan, props: true } ]¿Qué estoy haciendo mal?
¡Gracias por cada ayuda!
Vue Router 4.x proporciona useRoute() para eso:
import { useRoute } from 'vue-router' export default { setup() { const route = useRoute() onMounted(() => { const id = route.params.id }) } }