ミニ プログラムでは、ページ間でパラメータを渡す方法がたくさんあります。パラメータを渡すために一般的に使用されるいくつかの方法を次に示します。
-
URL パラメーター:ミニ プログラムでは、URL パラメーターを通じてページ間でデータを渡すことができます。ターゲット ページの URL にパラメータを含めて、
onLoad
ターゲット ページのライフサイクル関数でこれらのパラメータを取得できます。ソースページ内のターゲットページにジャンプします。
wx.navigateTo({ url: '/pages/targetPage/targetPage?param1=value1¶m2=value2', });
ターゲット ページonLoad
のパラメータを取得します。
onLoad(options) {
const param1 = options.param1;
const param2 = options.param2;
// ...
}
2. グローバル データまたは app.js:転送するデータをミニ プログラムに格納しapp.js
、ターゲット ページで取得することもできますgetApp()
。
app.js の場合:
App({
globalData: {
param1: 'value1',
param2: 'value2',
}
});
const app = getApp();
const param1 = app.globalData.param1;
const param2 = app.globalData.param2;
3. ページ スタック パラメータの受け渡し:ページ スタックでは、getCurrentPages()
呼び出しによってページ スタックを取得し、スタック内の前のページにアクセスしてパラメータを渡すことができます。
ソースページ内:
const pages = getCurrentPages();
const prevPage = pages[pages.length - 2];
prevPage.setData({
param1: 'value1',
param2: 'value2',
});
wx.navigateBack();
-
onShow
これらのデータはライフサイクル機能の対象ページで取得できます。 -
イベント パラメーターの受け渡し:ページ間でイベントの相互作用がある場合、イベント パラメーターを介してデータを渡すことができます。たとえば、ソース ページでイベントをトリガーし、ターゲット ページでイベントをリッスンしてデータを取得します。
これらはミニ プログラムでよく使用されるページ パラメーターの転送方法であり、特定のシナリオに応じてページ間のデータ転送に最適な方法を選択できます。