Dieses Mal werde ich Ihnen detailliert erklären, wie Sie Routenwächter in vue2.0 verwenden sehen. Die Durchführung einiger Überprüfungen vor dem Weiterleiten von Sprüngen, wie z. B. die Anmeldeüberprüfung, ist eine häufige Anforderung auf Websites.
In dieser Hinsicht kann das von vue-route bereitgestellte
vorRouteUpdate problemlos Navigation Guards (Navigation-Guards) implementieren. Der Name Navigationswächter klingt seltsam, aber da das offizielle Dokument ihn so übersetzt, nennen wir ihn so.
Fügen Sie die Dokumentadresse ein:
https://router.vuejs.org/zh-cn/advanced/navigation-guards.html
Globale Guards Sie können router.beforeEach verwenden, um einen globalen Before-Guard zu registrieren:
const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... })
Wenn eine Navigation ausgelöst wird, wird der globale Before-Guard in der Reihenfolge aufgerufen Schaffung. Guards werden asynchron analysiert und ausgeführt. Zu diesem Zeitpunkt wartet die Navigation, bis alle Guards aufgelöst sind.
Jede Schutzmethode erhält drei Parameter:
des Browsers), wird die URL-Adresse auf die Adresse zurückgesetzt, die der Absenderroute entspricht.
1. Listen Sie die „Routensammlung“ auf, die beim Springen zur Route in der Sammlung benötigt wird, wenn „. nicht angemeldet" Status", dann springen Sie zur Anmeldeseite LoginPage; wenn Sie die Anmeldeseite direkt aufrufen, springen Sie zur Startseite HomePage;
Ob Sie es glauben oder nicht: Nachdem Sie den Fall in diesem Artikel gelesen haben, beherrschen Sie die Methode. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Empfohlene Lektüre:So verwenden Sie String-Vorlagen in Vue
Wie Sie mit einem Sparsamkeitsfehler bei der Mac-Installation umgehen Bison
Das obige ist der detaillierte Inhalt vonAusführliche Erklärung zur Verwendung von Routing Guards in vue2.0. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!