Wie schließe ich die aktuelle Seite in Uniapp? Einführung in gängige Methoden

Wenn Sie uniapp zur Entwicklung mobiler Anwendungen verwenden, müssen Sie häufig die aktuelle Seite schließen. In diesem Artikel werden verschiedene gängige Methoden zum Schließen der aktuellen Seite vorgestellt.

Methode 1: Verwenden Sie uni.navigateBack

uni.navigateBack ist eine von uniapp bereitgestellte API, mit der Sie zur vorherigen Seite zurückkehren können. Wenn die aktuelle Seite keine vorherige Seite hat, kehren Sie zur Startseite zurück. Sie können die Anzahl der zurückzugebenden Ebenen angeben, indem Sie den Delta-Parameter übergeben. Der Standardwert ist 1, was bedeutet, dass zur vorherigen Seite zurückgekehrt wird.

Schließen Sie die aktuelle Seite, indem Sie die uni.navigateBack-Methode aufrufen. Der Code lautet wie folgt:

uni.navigateBack({
  delta: 1,
  animationType: 'pop-out',
  animationDuration: 200
});

Auf diese Weise kann die Methode aufgerufen werden, um die aktuelle Seite zu schließen.

Methode 2: Verwenden Sie uni.navigateBackTo

uni.navigateBackTo ist eine weitere von uniapp bereitgestellte API, mit der Sie zur angegebenen Seite zurückkehren können. Wir können die Methode uni.redirectTo verwenden, um zu der Schnittstelle zu springen, die die Seite schließen muss, und dann die Methode uni.navigateBackTo in der Schnittstelle aufrufen, die die Seite schließen muss, um zur Seite vor dem Sprung zurückzukehren.

//在A页面跳转到B页面
uni.redirectTo({
  url: '/pages/B/B'
})

//在B页面返回A页面
uni.navigateBackTo({
  url: '/pages/A/A',
  animationType: 'pop-out',
  animationDuration: 200
})

Auf diese Weise können Sie die aktuelle Seite schließen, indem Sie zur Seite springen und dann zurückkehren.

Methode 3: Verwenden Sie uni.reLaunch

Wenn wir nach dem Schließen der aktuellen Seite zur Startseite oder anderen Seiten springen möchten, können wir die Methode uni.reLaunch verwenden. Diese Methode schließt alle geöffneten Seiten und springt dann zur angegebenen Seite.

uni.reLaunch({
  url: '/pages/index/index',
  animationType: 'pop-out',
  animationDuration: 200
})

Auf diese Weise können Sie nach dem Schließen der aktuellen Seite zu anderen Seiten springen.

Methode 4: Verwenden Sie uni.navigateBack + $once

Die uni.navigateBack-Methode kehrt nur zur vorherigen Seite zurück. Wenn Sie weitere Seiten schließen müssen, können Sie dies tun, indem Sie diese Methode mehrmals aufrufen. Mit $once können Sie einen Ereignis-Listener registrieren, der nur einmal beim Laden der Seite aufgerufen wird. Beim Schließen der Seite kann das Ereignis zum Aufrufen der uni.navigateBack-Methode ausgelöst werden.

Registrieren Sie einen Close-Ereignis-Listener über $once, wenn die Seite geladen wird. Der Code lautet wie folgt:

onLoad() {
    this.$once('close', () => {
      uni.navigateBack({
        delta: 1,
        animationType: 'pop-out',
        animationDuration: 200
      });
    });
  }

Wenn Sie die Seite schließen müssen, können Sie die Seite schließen, indem Sie das Ereignis auslösen

this.$emit('close');

Auf diese Weise können Sie die Methode uni.navigateBack mehrmals aufrufen, um weitere Seiten zu schließen.

Zusammenfassung:

In diesem Artikel werden vier gängige Methoden zum Schließen der aktuellen Seite vorgestellt, nämlich die Verwendung von uni.navigateBack, uni.navigateBackTo, uni.reLaunch und uni.navigateBack + $once. Bei der spezifischen Entwicklung können Sie basierend auf den tatsächlichen Anforderungen auswählen, welche Methode verwendet werden soll. Durch die Beherrschung dieser Methoden können wir Uniapp bequemer entwickeln.

Das obige ist der detaillierte Inhalt vonWie schließe ich die aktuelle Seite in Uniapp? Einführung in gängige Methoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!