ユニアプリのページへのジャンプ方法

ジャンプ方法: 1.「uni.navigateTo(OBJECT)」を使用します; 2.「uni.redirectTo(OBJECT)」を使用します; 3.「uni.reLaunch(OBJECT)」を使用します; 4.「uni」を使用します.switchTab(OBJECT)」など

このチュートリアルの動作環境: Windows7 システム、uni-app バージョン 2.5.1、DELL G3 コンピューター。

uni-app ページジャンプは主に以下の5つの方法で完了します。

(1)uni.navigateTo(OBJECT) 現在のページを保持し、アプリケーション内のページにジャンプします
(2)uni.redirectTo(OBJECT) 現在のページを閉じますページ、アプリケーション内のページにジャンプします
(3)uni.reLaunch(OBJECT) すべてのページを閉じてアプリケーション内のページを開きます
(4)uni.switchTab(OBJECT) tabBar ページにジャンプします 、そして他のすべての非タブバー ページを閉じます
(5)uni.navigateBack(OBJECT) 現在のページを閉じて、前のページまたは複数レベルのページに戻ります

uni.navigateTo( OBJECT)

現在のページを保持し、アプリケーション内のページにジャンプし、uni.navigateBack を使用して元のページに戻ります。 OBJECT パラメータの説明: パラメータのタイプは必須です。説明: urlString は、ジャンプする必要があるアプリケーション内の非タブバー ページへのパスです。パラメータはパスの後に含めることができます。パラメータとパスは?で区切られ、パラメータキーとパラメータ値は=で接続され、異なるパラメータは&で区切られます;

uni.navigateTo({
url: 'test?id=1&name=uniapp'

});
export default {
onLoad: function (option) {
console.log(option.id);
console.log(option.name);
 }
}

uni.redirectTo(OBJECT)

現在のページを閉じる。アプリケーション内のページにジャンプします。 OBJECT パラメータの説明 パラメータのタイプ 必須 説明 urlString は、ジャンプする必要があるアプリケーション内の非 tabBar ページへのパスです。パスの後にパラメータを含めることができます。パラメータとパスを区切るには ? を使用し、パラメータ キーとパラメータ値を = で接続し、異なるパラメータを &; で区切ります。 #すべてのページを閉じて、アプリケーション内のページを開きます。 OBJECT パラメータの説明: パラメータのタイプは必須です。説明 urlString は、ジャンプする必要があるアプリケーション内のページへのパスです。パラメータはパスの後に含めることができます。パラメータとパスは?で区切られ、パラメータキーとパラメータ値は=で接続され、異なるパラメータは&で区切られます;

uni.redirectTo({
url: 'test?id=1' // 传递参数 id，值为1
});

uni.switchTab(OBJECT)

Jump tabBar ページに移動し、tabBar 以外の他のすべてのページを閉じます。 OBJECT パラメータの説明: パラメータのタイプは必須です。説明: urlString は、ジャンプする必要がある tabBar ページへのパスです (ページは app.json の tabBar フィールドで定義する必要があります)。パラメータ

uni.reLaunch({
url: 'test?id=1'
});
export default {
onLoad: function (option) {
console.log(option.query);
   }
}

uni はパスの後には使用できません。navigateBack(OBJECT)

現在のページを閉じて、前のページまたは複数レベルのページに戻ります。 getCurrentPages() を通じて現在のページ スタックを取得し、返すレベルの数を決定できます。 OBJECT パラメータの説明: パラメータのタイプは必須です 説明 deltaNumber1 返されたページ数 デルタが既存のページ数より大きい場合は、ホームページに戻ります。

pages.json{
"tabBar": {
"list": [
{
"pagePath": "index",
"text": "首页"
},{
"pagePath": "other",
"text": "其他"
      }]
   }
}
other.vueuni.switchTab({
url: 'index'
});

[関連する推奨事項:「uniapp チュートリアル 」]

以上がユニアプリのページへのジャンプ方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。