So implementieren Sie Vue + Vue-Router-Router-Switching-Daten mit demselben Namen ohne Aktualisierung

Dieser Artikel stellt hauptsächlich die Methode vor, die Routenwechseldaten von Vue + Vue-Router mit demselben Namen zu aktualisieren. Ich hoffe, dass er allen helfen kann.

Standardmäßig wird das Umschalten zwischen Routen mit demselben Namen nicht ausgeführt, da die Komponente entnommen und zum Abrufen von Daten bereitgestellt werden kann. Es gibt zwei Möglichkeiten, das Problem zu lösen

Hinweis: Dies Problem besteht nur in vue1

Methode 1: Legen Sie die Datenerfassung unter route.data~ ab

route: {
  data({to: {params: { page }}}) {
    return Promise.all([
      this.getApi()
    ]).then(() => {

    })
  }
}

Methode 2: Legen Sie route.canReuse = false fest, um zu erzwingen, dass die Komponente nicht wiederverwendet wird~

route: {
  canReuse() {
    return false
  }
},
ready() {
  var request = $.ajax({
    type: "POST",
    dataType: 'json',
    url: "api.php"
  });
  request.then((json) => {
    // balabala
  });
}

Verwandte Empfehlungen:

Building vue2 vue-router2 webpack3 Engineering Tutorial

Vue-Router Basic Routing-Beispiel Teilen

Vue-Router implementiert Tab-Tab-Seite

Das obige ist der detaillierte Inhalt vonSo implementieren Sie Vue + Vue-Router-Router-Switching-Daten mit demselben Namen ohne Aktualisierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!