WeChatアプレットで子から親へパラメータを渡す実装方法（ページ通信）

この記事は、WeChat アプレットのサブページが親ページにパラメータを渡す方法を理解するのに役立ちます。お役に立てば幸いです。

WeChat ミニ プログラムのサブページから親ページにパラメーターを渡す方法

WeChat ミニ プログラム プロジェクトに取り組んでいるとき、次のようなことがあります。フィルタ条件を設定したリストページがあり、クリックするとそのページにジャンプし、条件を選択します。選択後、リストページに戻り、フィルタ条件に従ってデータをクエリします。一般に、フィルタリング条件がポップアップ ボックスを通じて処理されることがほとんどです。では、このインタラクティブな方法でページにジャンプしたい場合、子ページから親ページにパラメータを渡すにはどうすればよいでしょうか?

【関連する学習の推奨事項: 小さなプログラム開発チュートリアル ]

質問

• wx.navigateBack はパラメータを運ぶことができず、子ページは親ページにパラメータを渡すことができません。

サブページは親ページのデータを操作します

ここでは、親ページのデータを操作するサブページについて話していることに注意してください。 。

公式ドキュメントには getCurrentPages API があります (公式 Web サイトの説明は次のとおりです):

PageObject[] getCurrentPages() 現在のページを取得しますスタック。配列の最初の要素はホームページで、最後の要素は現在のページです。

• ページ スタックを変更しないでください。ルーティング エラーやページ ステータス エラーが発生する可能性があります。
• page がまだ生成されていない場合は、App.onLaunch 中に getCurrentPages() を呼び出さないでください。

getCurrentPages API を介して、ページ スタックのデータを取得できるため、指定されたページを取得できます。子ページで親ページのデータを変更することで、子ページから親ページにパラメータを渡す機能を実現できます。

const pages = getCurrentPages();
const gotoPage = pages[pages.length - 1];

つまり、pages[pages.length - 1] が現在のページで、親ページは pages[pages.length - 2] というようになります。 、私たち他の先祖のページを取得できます。

次に、setData メソッド gotoPage.setData({xxx: ''}) を使用して親ページのデータを変更および設定し、子ページが親ページに渡すことができるパラメータの目的。次に、wx.navigateBack を使用してページに戻ります。

その他のソリューション

• コンポーネント
• ポップアップ ボックス

いいね記事の冒頭で述べたように、子ページから親ページにパラメータを渡す必要がある場合は、コンテンツをポップアップ ボックスの形式で表示できます。対応するデータを選択した後、現在のポップを非表示にします。 -up ボックスまたはコンポーネント。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 ！

以上がWeChatアプレットで子から親へパラメータを渡す実装方法（ページ通信）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。