Heim > Artikel > Web-Frontend > 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!