Saltar al contenido

¿Cómo obtener el nombre actual de la ruta en Vue?

Este grupo de redactores ha estado mucho tiempo investigando soluciones a tus interrogantes, te dejamos la solución por eso deseamos resultarte de mucha apoyo.

Solución:

Tu estas usando computed incorrectamente. Debe devolver la propiedad en la función. Consulte los documentos para obtener más información.

Aquí está su ejemplo adaptado:

computed: 
    currentRouteName() 
        return this.$route.name;
    

Luego puedes usarlo así:

currentRouteName

También puede usarlo directamente en la plantilla sin usar una propiedad calculada, como esta:

$route.name

Yo uso esto…

this.$router.history.current.path

Vue 3 + Vue enrutador 4

Actualización 20/02/2021

Si estás usando Vista 3 y Enrutador Vue 4aquí hay dos formas más simples de obtener el nombre actual de la ruta en setup gancho:

Solución 1: Utilizar useRoute

import  useRoute  from 'vue-router';
export default defineComponent (
  setup () 
    const route = useRoute();
    console.log(route.params.name);
  
)

Solución 2: Utilizar useRouter

import  useRouter  from 'vue-router';
export default defineComponent (
  setup () 
    const  currentRoute  = useRouter();
    console.log(currentRoute.value.name);
  
)

Te invitamos a confirmar nuestra faena dejando un comentario o dejando una valoración te estamos eternamente agradecidos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *