So implementieren Sie Vue Page Jump

<Vorlage>
  <div id='Test'>
    <button @click='goTo()'>Klicken, um zu springen 4</button>
  </div>
</Vorlage>

// Parameter übergeben, bevor zur vorherigen Seite gesprungen wird:
gehe zu(Element) {
  // Die Daten in storageData werden verwendet, um zur nächsten Seite zu springen. Bei der Rückkehr können sie zur Seite vor dem Sprung zurückkehren. let storageData = {
    Suchbegriffe: dieses.Schlüsselwort,
    Seitengröße: this.paging.pageSize,
    Seitennummer: diese.paging.aktuelleSeite 
  };
  //Die Daten in Daten werden verwendet, um die Daten auf dieser Seite über die Sprungfunktion auf die nächste Seite anzuwenden, ähnlich der Wertübertragung von übergeordneten und untergeordneten Komponenten let data = {
    Typ: item.srcType,
    Tabellenname: item.tableName,
    Name: item.datasourceName,
    Tabellen-ID: Element.Tabellen-ID,
    ID: Artikel.Datenquellen-ID,
  };
  //Alle Daten, die auf der nächsten Seite verwendet werden, an $router weiterleiten this.$router.push({
    //Name gibt den Front-End-Zugriffspfad der Ressource nach dem Sprung an, die Abfrage wird zum Speichern der zu verwendenden Daten verwendet, wobei Seite der Name dieser Seite ist,
    Name: 'onlineSearch',
    Abfrage: {Zieldaten: Daten, Speicherdaten,
      Seite: „Suche“,
      isBackSelect: true,
      goBackName: "Datensuche"
    }
  })    
}

//Nach dem Springen die Parameter der Seite abrufen:
montiert() {
  //Überprüfen Sie, ob die Parameter nach dem Sprung an die Seite übergeben wurden. Wenn dies der Fall ist, rufen Sie bei Bedarf console.log(this.$route.query.targetData;) auf.
}

//Schreibe die Return-Funktion in die Methoden goBackSheet() {
  wenn(this.$route.query.goBackName === 'dataSearch'){
    dies.$router.push({
      Name: dieser.Seitenname,
      Abfrage: {
        Speicherdaten: this.$route.query.storageData,
        isBackSelect: true,
      }
    });
  }
}

<!-- Benannte Routen -->
<router-link :to="{ name: 'user', params: { userId: 123 }}" @click.native='goTo'>Benutzer</router-link>

<!-- Mit Abfrageparametern lautet das folgende Ergebnis /register?plan=private -->
<router-link :to="{ path: 'register', query: { plan: 'private' }}" @click.native='goTo'>Registrieren</router-link>

betrachten:{
   $route(nach,von){
      //Seite aktualisieren this.$router.go(1);
   }  
}