Lösung für das Vue-Routing: Diese Seite mit dem Sprung „this.route.push“ wird nicht aktualisiert

Die Vue-Routing-Seite this.route.push wird nicht aktualisiert.

1. Hintergrund

Einführung: Wenn bei der Entwicklung von Vue-Projekten Routing zum Springen zu einer Seite verwendet wird, wird die Seite, zu der das Routing springt, nicht aktualisiert.

Das heißt, die Vue-Lebenszyklusfunktion wird nicht ausgeführt (erstellt, Hook-Funktionen gemountet).

Beispiele:

Seite A:

Seite B:

Frage:

Wenn Sie zum ersten Mal auf Seite A auf die Schaltfläche klicken, um zu Seite B zu gelangen, ist alles normal. Wenn Sie zu Seite A zurückkehren und erneut auf die Schaltfläche klicken, führt Seite B die bereitgestellte Hook-Funktion nicht aus, was dazu führt, dass die Abfragemethode in der bereitgestellten Funktion nicht ausgeführt wird.

2. Lösung:

1. Verwenden Sie die periodische Funktion „activated:{}“ anstelle der Funktion „mounted:{}“.

2. Routen überwachen

// Nicht empfohlen, schlechte Benutzererfahrung. Uhr: {
	'$route' (nach, von) {
    // Die Seite wird aktualisiert, wenn sich die Route ändert. this.$router.go(0);
		}
},

// Diese Methode fordert die Überwachung noch einmal an: {
	'$route' (nach, von) {
    // Die in der gemounteten Funktion ausgeführte Methode, fügen Sie sie hier ein: this.qBankId = globalVariable.questionBankId;
	this.qBankName = globalVariable.questionBankTitle;
	dies.searchCharpter();
	}
},

Vue this.$router.push Routensprung, Aktualisierungsparameter verschwinden

dies.$router.push({name:"",params:{id:""}})

Name und Parameter verschwinden, wenn die Aktualisierungsparameter übereinstimmen

dies.$router.push({Pfad:"",Abfrage:{ID:""}})

Pfad und Abfrage werden zusammen verwendet. Die Parameter verschwinden nicht, wenn die Seite aktualisiert wird. Die Parameter in der Abfrage werden Teil der URL.

Das Obige ist meine persönliche Erfahrung. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.