uniappでH5ページを閉じる方法

最近、uniapp を使用して H5 プロジェクトを開発する過程で、uniapp で H5 ページを閉じる方法という問題に遭遇しました。いくつかの調査と研究を行った後、より多くの開発者を支援できることを願って、次の方法をまとめました。

方法 1: uni.navigateBack メソッドを使用する

uniapp には、ページを閉じるために使用される組み込み関数 uni.navigateBack が用意されています。現在のページを閉じたい場合は、現在のページで uni.navigateBack を実行するだけです。他のページを閉じたい場合は、別のコードを実行する必要があります。具体的な操作は次のとおりです:

現在のページを閉じる:

uni.navigateBack({
  delta: 1
})

現在のページ以外を閉じる:

uni.getCurrentPages()[index].$vm.$destroy()

ここで、index は閉じる必要があるページのインデックス番号です。たとえば、2 番目のページの後に開いたページを閉じたい場合、インデックスは 1 です。

方法 2: window オブジェクトの close メソッドを使用する

H5 開発では、window オブジェクトの close メソッドを使用して現在のページを閉じることができます。このメソッドは uniapp でも使用できます。具体的なコードは次のとおりです:

window.close()

このメソッドを使用してページを閉じた後、ソース ページに直接戻ります。つまり、window.open を使用して新しいページを開いてから、window.close を使用してそのページ内のページを閉じると、元のページに直接戻ります。

現在のページが iframe で開かれている場合、window.close メソッドを使用すると、ページ全体ではなく iframe のみが閉じられることに注意してください。

方法 3: location.replace メソッドを使用する

location.replace メソッドを使用して、新しいページを読み込み、ページの URL をメソッドによって提供される URL に置き換えます。このメソッドの URL を現在のページの URL に変更すると、現在のページを閉じる機能が実現できます。具体的なコードは次のとおりです。前のページに戻ります。戻る必要がある場合は、前のページで対応する処理を実行する必要があります。

方法 4: location.href メソッドを使用する

location.href メソッドは、新しい URL アドレスにジャンプするために使用されます。 URLをjavascript:window.close()に設定するとページを閉じる機能が実現できます。具体的なコードは次のとおりです。

location.replace(location.href)

このメソッドは前のページに戻ることをサポートしていないことに注意してください。

上記は、uniapp H5 ページを閉じるためのいくつかの方法をまとめたものです。それぞれの方法には独自の長所と短所があり、開発者は実際のニーズに応じて自由に選択できます。同時に、H5 ページを閉じる機能を提供するオープンソースのプラグインや拡張ライブラリもいくつかあり、検索エンジンで見つけることができます。

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