Heim  >  Artikel  >  Web-Frontend  >  So implementieren Sie Vue + Vue-Router-Router-Switching-Daten mit demselben Namen ohne Aktualisierung

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

小云云
小云云Original
2018-05-15 14:30:112066Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn