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.