it-swarm.com.de

Wie bekomme ich den aktuellen Routennamen in Nuxt.js?

Ich verwende Nuxt.js zum Erstellen einer statischen Website. 

Wie kann auf den aktuell angezeigten Routennamen der Komponente script zugegriffen werden (ich möchte vermeiden, dass die direkte URL vom Browserstandort gelesen wird)? 

Kann ich irgendwie auf $route.name zugreifen?

10
lukaszkups

ja, Sie können vuejs-Routenobjekte wie $route.name oder $route.path verwenden.

$nuxt.$route.path

rückkehr zum aktuellen Pfad

$nuxt.$route.name

Der Name der aktuellen Route, falls vorhanden.

Eigenschaften von Routenobjekten

Ein Routenobjekt repräsentiert den Status der aktuell aktiven Route. Es enthält geparste Informationen der aktuellen URL und der Routendatensätze von der URL abgeglichen.

  • $ route.path

    • typ: Zeichenfolge

    • Eine Zeichenfolge, die dem Pfad der aktuellen Route entspricht und immer als absoluter Pfad aufgelöst wird. z.B. "/ foo/bar".

  • $ route.fullPath

    • typ: Zeichenfolge

    • Die vollständig aufgelöste URL einschließlich Abfrage und Hash.

20
Mohammad b

Alternativ können Sie eine der folgenden Möglichkeiten verwenden:

  • this.$route.path → Beispiel für http://localhost:3000, {{this.$route.path}} druckt /
  • this.$route.name → Beispiel für http://localhost:3000, {{this.$route.name}} druckt index
0