uniapp アプリは現在どのページにあるかをどのように判断しますか?

uniapp は、Vue.js フレームワークに基づくオープンソースのクロスプラットフォーム アプリケーション開発フレームワークで、効率的なモバイル アプリケーションを迅速に構築できます。 uniapp を開発して使用する場合、現在のページを決定する必要が生じることがよくあります。それでは、uniapp では、現在どのページが存在するかをどのように判断するのでしょうか?

uniapp では、uniapp 組み込み API を通じて現在のページを判断できます。

1. 現在のページ情報を取得する

現在のページ情報を取得するには、uni が提供する uni.getCurrentPages()API を使用する必要があります。 -アプリ。この API は、現在のページ スタックのインスタンスの配列、つまりスタックの一番下から順番に表示されるすべてのページのインスタンスを返します。

サンプル コードは次のとおりです。

let pages = getCurrentPages()
let currentPage = pages[pages.length-1]
let url = currentPage.route
console.log(url)

このコードでは、まず getCurrentPages() を通じて現在のページ スタックの情報を取得し、次に ## を通じて現在のページ スタックの情報を取得します。 #pages[pages.length-1] はスタックの最上位にあるページ インスタンスを取得し、最後に currentPage.route を通じて現在のページのルーティング情報を取得します。

現在のページが特定のページであるかどうかの判定

現在のページのルーティング情報を取得することで、現在のページが特定のページであるかどうかを判定することができます。たとえば、

onLoad() で現在のページのルーティング情報を取得し、現在のページが指定されたページであるかどうかを判断し、指定されたページである場合は対応する操作を実行します。

サンプル コードは次のとおりです。

onLoad(){
    let pages = getCurrentPages()
    let currentPage = pages[pages.length-1]
    let url = currentPage.route
    if(url == '/pages/index/index'){
        console.log('当前页面是首页')
    }
}

このコードでは、

onLoad() ライフ サイクルで現在のページのルーティング情報を取得し、## を渡します。 # if 現在のページが /pages/index/index ページであるかどうかを判断し、そうである場合は、現在のページはホームページですを出力します。

ページ ライフ サイクルをリッスンして現在のページを決定する

3. uniapp はページ ライフ サイクルで豊富なイベント コールバック関数を提供するため、ページ ライフ サイクルをリッスンすることもできます。 events. 現在のページが指定されたページであるかどうかを判断します。

サンプル コードは次のとおりです。

onShow(){
    let pages = getCurrentPages()
    let currentPage = pages[pages.length-1]
    let url = currentPage.route
    if(url == '/pages/index/index'){
        console.log('当前页面是首页')
    }
}

このコードでは、

onShow()

ライフ サイクルで現在のページのルーティング情報を取得し、## を渡します。 # if 現在のページが /pages/index/index ページであるかどうかを判断し、そうである場合は、現在のページはホームページですを出力します。 概要

上記の 3 つの方法により、現在のページの情報を迅速に取得し、現在のページが特定のページであるかどうかを判断できます。実際のアプリケーション開発では、特定のニーズに応じて、現在のページを判断するための対応する方法を選択できます。

以上がuniapp アプリは現在どのページにあるかをどのように判断しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。