Heim >Web-Frontend >js-Tutorial >Perfekte Lösung für vue-router3.0 Version router.push konnte die Seite nicht aktualisieren
Dieses Mal bringe ich Ihnen die perfekte Lösung für die vue-router3.0-Version router.push, die die Seite nicht aktualisieren kann. Die vue-router3.0-Version router.push kann die Seite nicht aktualisieren , wie folgt: Dies ist ein praktischer Fall, schauen wir uns ihn an.
Ich habe das gleiche Problem im Vue-Router auf Github gefunden: Version 3.0.1 kann nicht durch die Router-Instanz springenGestern habe ich festgestellt, dass einigeRouten nicht normal springen konnten . Nach der Suche habe ich festgestellt, dass es sich hierbei um Orte handelt, an denen router.push nach der Instanziierung verwendet wird, anstatt this.$router.push direkt zu verwenden. Nach router.push ändert sich die URL, aber die Seite wird nicht aktualisiert. Sie müssen sie manuell aktualisieren, bevor der richtige Bildschirm angezeigt wird.
anderen Orten sollten nicht dasselbe Objekt sein.
Dann ist die ultimative Lösung: Fügen Sie den Router im globalen Vue zum Fenster hinzu und verwenden Sie ihn in main.js:window.router=routerUnd dann den Rest Sie kann problemlos router.push und andere Router-Methoden überall verwenden.
Analysegrund:
Der Router nach der Instanz kann die Seite nicht aktualisieren, wahrscheinlich weil er nicht mit diesem identisch ist.$router im globalen Vue, aber davor Diese Version kann direkt verwendet werden, sie sollte einen Singleton verwenden. Woher weiß ich das, warum Sie keine Singletons mehr verwenden? Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Empfohlene Lektüre:So verwenden Sie Route Guards im Angular-Routing
So implementieren Sie die Anmeldung im React-Router mit Validierungskontrolle reagieren
Das obige ist der detaillierte Inhalt vonPerfekte Lösung für vue-router3.0 Version router.push konnte die Seite nicht aktualisieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!