So erhalten Sie die aktuell aktivierte Route in Vue

Im Folgenden werde ich Ihnen eine Methode zum Abrufen der aktuell aktivierten Route in Vue vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Ein Routenobjekt (Routeninformationsobjekt) stellt die Statusinformationen der aktuell aktivierten Route dar, einschließlich der durch Parsen der aktuellen URL erhaltenen Informationen und der mit der URL übereinstimmenden Routendatensätze.

Das Routenobjekt ist unveränderlich und nach jeder erfolgreichen Navigation wird ein neues Objekt generiert.

Routenobjekt erscheint an mehreren Stellen:

In der Komponente, also this.$route

Im $route Observer-Callback

Rückgabewert von router.match(location) (aktuell aktivierte Routing-Informationen können in main.js abgerufen werden)

Hinweis:

Der Pfad von this.$route und der Pfad von router.match(location) sind unterschiedlich. Sie haben beide ein Attribut fullpath und der Wert ist die Verkettung von Hash und path. In meinem Fall router.match(location). ist immer gleich /login, sollte auf die Root-Route verweisen, und Hash ist der aktuelle Routing-Pfad mit dem Tracing-Punkt #. Um die aktuell aktivierte Route zu erhalten, können Sie daher nur verwenden Hash-Attribut. Der Grund ist noch nicht bekannt. .

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Lösung des Fehlerproblems nach der Verwendung von vue.js-Routing

So analysieren Sie Daten perfekt js

DOM-Ereignisbindungsanalyse in js

Das obige ist der detaillierte Inhalt vonSo erhalten Sie die aktuell aktivierte Route in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!