So kehren Sie zurück, um das Fenster in Uniapp zu schließen

UniApp ist ein Multi-Terminal-Anwendungsframework, das auf Basis von Vue.js entwickelt wurde. Durch die Verwendung von UniApp können wir problemlos Anwendungen entwickeln, die mehrere Plattformen unterstützen (terminalübergreifend). Bei der Entwicklung von UniApp-Anwendungen stoßen wir häufig auf Situationen, in denen wir eine neue Seite innerhalb einer Seite öffnen und nach Abschluss einiger Vorgänge zur ursprünglichen Seite zurückkehren müssen. In diesem Artikel wird erläutert, wie Seitenrückgabe- und Schließvorgänge in UniApp implementiert werden.

UniApp implementiert die Rückkehroperation:

1. Implementiert durch die Methode uni.navigateBack()

Mit der Methode uni.navigateBack() kann die Operation der Rückkehr zur vorherigen Seite auf der aktuellen Seite erreicht werden. Bei dieser Methode handelt es sich um eine integrierte API, die von uni-app bereitgestellt wird und zum Implementieren von Seitensprung- und Rückgabevorgängen verwendet wird. Der folgende Code kann zu den Methoden der Vue-Seite hinzugefügt werden:

backPage:function(){
    uni.navigateBack({
        delta: 1
    });
}

Diese Methode legt einen Delta-Parameter fest, der die Anzahl der zurückzugebenden Seiten angibt. Der Standardwert ist 1, was bedeutet, dass zur vorherigen Seite zurückgekehrt wird. Wenn Sie zur vorherigen Seite der angegebenen Seite zurückkehren möchten, müssen Sie den Wert entsprechend der spezifischen Situation festlegen.

2. Durch Routensprungparameter implementiert

Mit der Methode $router.go(-1) oder $router.back() auf der Vue-Seite kann der Rückgabevorgang der Seite realisiert werden. Beide Methoden geben die vorherige Route an die aktuelle Route zurück. In UniApp können wir es auf folgende Weise aufrufen:

backPage:function(){
    this.$router.go(-1);
    或者
    this.$router.back();
}

UniApp implementiert den Fensterschließvorgang:

1. Über die Methode uni.navigateBack()

Wir können den Deltawert über die Methode uni.navigateBack( auf alle setzen. )-Methode Die Anzahl der geöffneten Fensterseiten wird zum Schließen des Fensters verwendet. Diese Methode gibt die angegebene Anzahl von Seiten zurück und alle vorherigen Seiten werden geschlossen. Wir können dies auf folgende Weise erreichen:

closePage:function(){
    uni.navigateBack({
        delta: getCurrentPages().length
    });
}

Die Methode getCurrentPages() wird hier verwendet, um die Anzahl der geöffneten Seiten abzurufen und sie als Delta-Wert zum Schließen aller zuvor geöffneten Seiten zu verwenden.

2. Implementiert durch die uni.switchTab()-Methode

Wenn wir die Tabbar-Funktion in der Anwendung verwenden, können wir alle Nicht-Tabbar-Seiten über die uni.switchTab()-Methode schließen. Diese Methode wechselt zu einer Tabbar-Seite und schließt alle geöffneten Nicht-Tabbar-Seiten. Normalerweise können wir diese Methode verwenden, um alle nicht wesentlichen Seiten zu schließen, wenn wir einige wichtige Vorgänge ausführen. Die Implementierungsmethode lautet wie folgt:

closeOtherPage:function(){
    uni.switchTab({
        url: '/pages/tabbar/tabbarIndex/tabbarIndex',
        complete:function(){
            uni.navigateTo({
                url:'/pages/tabbar/tabbarPage/tabbarPage'
            })
        }
    })
}

Das Obige ist die Methode zum Implementieren von Seitenrückgabe- und Schließvorgängen in UniApp. Während des Entwicklungsprozesses kann die Auswahl der geeigneten Methode zum Implementieren von Seitenrückgabe- und Schließvorgängen basierend auf den spezifischen Szenarien der Anwendung nicht nur die Benutzererfahrung der Anwendung verbessern, sondern auch umfassendere Funktionen für die Benutzer der Anwendung bereitstellen.

Das obige ist der detaillierte Inhalt vonSo kehren Sie zurück, um das Fenster in Uniapp zu schließen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!