So lösen Sie das Problem, dass der Routen-Push von vuejs nicht springt

Die Lösung dafür, dass Vuejs Route Push nicht springt: 1. Öffnen Sie Vue-Router, um zu einem Teil des Codes zu springen. 2. Fügen Sie die Methode „watch: {'$route' (to, from) {...}“ hinzu 3. , Router-Änderungen überwachen und die Seite aktualisieren.

Die Betriebsumgebung dieses Artikels: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Wie kann man das Problem lösen, dass vuejs Route Push nicht springt?

vue-router hat die gleiche Route wie $router.push und springt nicht. Eine einfache Lösung:

vue-router jump

toCurrentPage: function(thisId){
          this.$router.push({path:'/test ', query: { id: thisId, option: ""}});
 }

Aber wenn Sie auf stoßen und zu verschiedenen Abfragen auf derselben Seite springen müssen, funktioniert die obige Methode nicht. In Bezug auf die Leistung besteht die theoretisch beste Lösung für diese Situation natürlich darin, das, was aktualisiert werden muss, in eine Init-Funktion zu packen, zur Methode zu springen, die Parameter zu übergeben und die Init-Methode erneut aufzurufen. balababalala...Ich werde nicht ins Detail gehen.

Aber in anderen Fällen müssen alle Komponenten der Basisseite aktualisiert werden. Das erneute Laden hat nur geringe Auswirkungen auf den Overhead. History.back ist erforderlich, um eine reibungslose Betriebslogik sicherzustellen ... Wir müssen also nur zum Laden springen ist eigentlich sehr einfach, fügen Sie einfach basierend auf der oben genannten Methode Folgendes hinzu:

watch: {
    '$route' (to, from) {
        this.$router.go(0);
    }
},

Überwachen Sie Router-Änderungen und aktualisieren Sie die Seite~

Empfohlen: „

Die neuesten 5 Video-Tutorial-Auswahlen für vue.js

“

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem, dass der Routen-Push von vuejs nicht springt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!