uni-app 2 ページ パスの値

---

ハイライト: a11y-dark

1 ルーティングを使用してパラメーターを渡し、ページを開いてデータを渡すことができます。

ここで渡されるデータのリストとして、具体的な手順は次のとおりです。

1.1 データ形式の決定

たとえばlistData、nameとage2 つのプロパティを含む という名前のリストを渡したいとします。

let listData = [
  {name: 'Tom', age: 20},
  {name: 'Jerry', age: 18},
  {name: 'Lucy', age: 22},
]

2.2 データを送信するページで、uni.navigateToメソッドをターゲット ページを開き、urlパラメータを追加します。

uni.navigateTo({
  url: '/pages/targetPage/targetPage?listData=' + JSON.stringify(listData),
})

ルートは文字列型のみを渡すことができるため、List データを文字列に変換するJSON.stringify()ために。

1.3 データを受け取るページで、onLoadメソッドを、 を使用してJSON.parse()文字列を List データ形式に変換します。

onLoad: function(options) {
  let listData = JSON.parse(options.listData)
  console.log(listData)
}

以下options.listDataは送信ページで渡されるパラメーターで、JSON.parse()メソッドによって List データ形式に変換され、出力されます。

上記の手順により、uniapp でページを開き、List データを渡すことができます。

---

2 値は、uni-app でグローバル変数を介して渡すことができます。

具体的な手順は次のとおりです。

2.1App.vueで

例えば：

export default {
  globalData: {
    message: ''
  },
  ...
}

2.2 値を渡す必要があるページで、グローバル変数の値を設定します。

this.$root.globalData.message = 'Hello World!';

2.3 渡された値を取得する必要があるページで、グローバル変数の値に直接アクセスします。

console.log(this.$root.globalData.message); // 输出：Hello World!

また、ジャンプのルーティング時にパラメータを渡す方法も利用でき、渡す$router.pushなどの。

興味がある場合は、公式アカウントbigleadに注目して  より多くのコンテンツを入手するか、私のコースにアクセスしてください。