Heim > Web-Frontend > js-Tutorial > Hauptteil

So erhalten Sie die aktuell aktivierte Route in Vue

小云云
Freigeben: 2018-03-19 10:31:00
Original
1984 Leute haben es durchsucht

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. Dieser Artikel teilt Ihnen hauptsächlich eine Methode zum Abrufen der aktuell aktivierten Route in Vue mit. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist. Folgen wir dem Herausgeber, um einen Blick darauf zu werfen. Ich hoffe, es kann allen helfen.

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. .

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!