uniappで現在のページを閉じるにはどうすればよいですか?一般的な手法の紹介

uniapp を使用してモバイル アプリケーションを開発する場合、現在のページを閉じる必要が生じることがよくあります。この記事では、現在のページを閉じる一般的な方法をいくつか紹介します。

方法 1: uni.navigateBack を使用する

uni.navigateBack は、uniapp が提供する API で、前のページに戻るために使用できます。現在のページに前のページがない場合は、ホームページに戻ります。デルタ パラメーターを渡すことで、返すレイヤーの数を指定できます。デフォルト値は 1 で、前のページに戻ることを意味します。

uni.navigateBack メソッドを呼び出して現在のページを閉じます。コードは次のとおりです:

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

これにより、イベントがトリガーされたときにこのメソッドを呼び出して現在のページを閉じることができます。

方法 2: uni.navigateBackTo を使用する

uni.navigateBackTo は、uniapp が提供する別の API であり、指定したページに戻るために使用できます。 uni.redirectTo メソッドを使用して、ページを閉じる必要があるインターフェイスにジャンプし、ページを閉じる必要があるインターフェイスで uni.navigateBackTo メソッドを呼び出して、ジャンプ前のページに戻ることができます。

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

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

この方法では、ページにジャンプしてから戻ることで、現在のページを閉じることができます。

方法 3: uni.reLaunch を使用する

現在のページを閉じた後にホームページまたは他のページにジャンプしたい場合は、uni.reLaunch メソッドを使用できます。このメソッドは、開いているすべてのページを閉じてから、指定されたページにジャンプします。

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

これにより、現在のページを閉じた後に他のページにジャンプできます。

方法 4: uni.navigateBack $once を使用する

uni.navigateBack メソッドは前のページに戻るだけです。さらにページを閉じる必要がある場合は、このメソッドを複数回呼び出すことができます。満たすため。 $once を使用すると、ページがロードされたときに 1 回だけ呼び出されるイベント リスナーを登録できます。ページが閉じられると、イベントをトリガーして uni.navigateBack メソッドを呼び出すことができます。

ページが読み込まれたときに $once を通じて閉じるイベント リスナーを登録します。コードは次のとおりです:

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

その後、ページを閉じる必要があるときに、コードは次のとおりです: :

this.$emit('close');

この方法では、uni.navigateBack メソッドを複数回呼び出すことで、より多くのページを閉じることができます。

概要:

この記事では、現在のページを閉じる 4 つの一般的な方法、つまり uni.navigateBack、uni.navigateBackTo、uni.reLaunch、および uni.navigateBack $once の使用方法を紹介します。特定の開発では、実際のニーズに基づいて使用する方法を選択できます。これらの方法をマスターすることで、より便利にuniappを開発することができます。

以上がuniappで現在のページを閉じるにはどうすればよいですか?一般的な手法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。