uniappでページを強制的に閉じる方法

uniapp アプリケーションを開発する場合、ユーザーがログアウトしたときや特定の操作が失敗したときなど、場合によってはページを強制的に閉じる必要があります。この記事ではuniappでページを強制的に閉じる方法をいくつか紹介します。

1. ページ パラメーターを使用して強制終了を実現します。

これを実装する最も簡単な方法は、ページ パラメーターを使用して強制終了を実装することです。具体的な手順は次のとおりです。

1. 強制的に閉じる必要があるページ上で、isClosePage などの変数を初期値を false にして定義します。
2. ページにジャンプするときは、ページを強制的に閉じる必要があることを示す値 1 を指定して、クエリ パラメーターを通じて closePage パラメーターを渡します。
3. ページのマウントされたライフサイクルで、closePage の値が 1 であるかどうかを確認します。その場合は、isClosePage の値を true に設定します。
4. ページ上の isClosePage の変更をリッスンします。 isClosePage の値が true の場合、ページを閉じる操作を実行します。

以下はサンプル コードです:

// pageA.vue

<template>
  <div>Page A</div>
</template>

<script>
export default {
  data() {
    return {
      isClosePage: false
    }
  },
  mounted() {
    if (this.$route.query.closePage) {
      this.isClosePage = true;
    }
  },
  watch: {
    isClosePage: function(val) {
      if (val) {
        uni.navigateBack();
      }
    }
  }
}
</script>


// 跳转到pageA时

uni.navigateTo({
  url: '/pages/pageA?pageId=' + pageId + '&closePage=1',
});

2. uniapp が提供する API を介した強制シャットダウン

ページ パラメータを介した強制シャットダウンに加えて、uniapp はこの機能を実装するためのいくつかの API を提供します。

1. uni.navigateBack()

この API は、現在のページを閉じるために使用されます。このメソッドは、次のページで呼び出すことができます。これにより、強制シャットダウンが有効になります。複数のページを閉じる必要がある場合は、このメソッドを複数回呼び出すことができます。

以下はサンプル コードです:

// 强制关闭当前页面
uni.navigateBack();

// 强制关闭前两个页面
uni.navigateBack({
  delta: 2
});

2. uni.reLaunch()

この API は、すべてのページを閉じ、特定のページを開くために使用されます。アプリケーション内のページ。現在のページを強制的に閉じて新しいページを開く必要がある場合は、このメソッドを呼び出すことができます。

以下はサンプル コードです:

// 强制关闭当前页面并打开pageB页面
uni.reLaunch({
  url: '/pages/pageB'
});

このメソッドを呼び出すと、tabBar ページを含む開いているすべてのページが閉じられることに注意してください。 tabBar ページを保持する必要がある場合は、tabBar ページを閉じられないように設定する必要があります。

上記は、uniapp でページを強制的に閉じるためのいくつかの方法です。開発者は、実際のニーズに基づいて、自分に合った方法を選択できます。

以上がuniappでページを強制的に閉じる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。