web-dev-qa-db-fra.com

Comment obtenir le nom actuel de la route dans Nuxt.js?

J'utilise Nuxt.js pour créer un site Web statique. 

Comment accéder au nom de la route actuellement affichée dans le code script du composant (j'aimerais éviter de lire l'URL directe depuis l'emplacement du navigateur)? 

Puis-je en quelque sorte accéder à $route.name?

10
lukaszkups

oui, vous pouvez utiliser des objets route vuejs comme $route.name ou $route.path

$nuxt.$route.path

retour chemin actuel

$nuxt.$route.name

Le nom de l'itinéraire actuel, s'il en a un.

Propriétés d'objet de route

Un objet route représente l'état de la route active en cours. Il contient des informations analysées sur l'URL actuelle et les enregistrements de routage correspondant à l'URL.

  • $ route.path

    • type: chaîne

    • Une chaîne égale au chemin de la route en cours, toujours résolue en tant que chemin absolu. par exemple. "/ foo/bar".

  • $ route.fullPath

    • type: chaîne

    • L'URL résolue complète, y compris la requête et le hachage.

20
Mohammad b

Une autre méthode consiste à utiliser l'un des éléments suivants:

  • this.$route.path → Exemple sur http://localhost:3000, {{this.$route.path}} affichera /
  • this.$route.name → Exemple sur http://localhost:3000, {{this.$route.name}} affichera index
0
Billal Begueradj