So springen Sie zur Seite in vue.js

So springen Sie zu einer Seite in vue.js: 1. Legen Sie drei Schaltflächen für Zurück, Vorwärts und Springen zu einer beliebigen Seite im DOM fest. 2. Betätigen Sie die drei Schaltflächen für Zurück, Vorwärts und Springen zu einer beliebigen Seite im DOM Konstruktor-Schaltfläche, schreiben Sie einfach die Methode in Methoden.

Die Betriebsumgebung dieses Artikels: Windows10-System, vue.js 2.5.2, Thinkpad T480-Computer.

Wenn wir in Vue zu einer Seite springen, verwenden wir normalerweise das Tag b988a8fd72e5e0e42afffd18f951b277, aber wir können DOM-Elemente nicht direkt im Konstruktor bearbeiten. Wie sollten wir in diesem Fall zu der Seite springen? über das Drehen?

Mal sehen, wie es zusammen klappt!

Schritt 1:

Wir richten zunächst drei Schaltflächen im DOM ein, nämlich „Zurück“, „Vorwärts“ und „Zu einer beliebigen Seite springen“.

<button @click="goback">后退</button>
<button @click="forwards">前进</button>
<button @click="goto">跳转任一页</button>

Der nächste Schritt besteht darin, sie im Konstruktor zu manipulieren

Wenn die Schaltfläche „Zurück“ ausgewählt wird, springt die Seite zur vorherigen Seite

Wenn die Schaltfläche „Vorwärts“ ausgewählt wird, springt die Seite zur nächsten Seite

Wenn die Schaltfläche „Zu einer beliebigen Seite springen“ ausgewählt ist, springt die Seite zu „Zu einer beliebigen Seite springen“

Mit Ausnahme des letzten „Zu einer beliebigen Seite springen“ müssen die beiden anderen Schaltflächen historische Spuren aufweisen, bevor sie springen können

Die Methode ist natürlich in Methoden zu schreiben:

methods: {
     goback() {
       this.$router.go(-1)
     },
     forwards() {
       this.$router.go(1)
     },
     goto() {
       this.$router.push("/about")
     }
}

Empfohlenes Lernen: php-Training

Das obige ist der detaillierte Inhalt vonSo springen Sie zur Seite in vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!