WeChat アプレット ページ間を移動するときにイベントを監視する方法の詳細な説明

WeChat アプレットの開発プロセスでは、ページ間をジャンプする必要が必ず発生します。では、ページ ジャンプ間のイベントを監視するにはどうすればよいでしょうか。以前の記事: 宜隆 WeChat ミニ プログラムのフレームワーク コンポーネントの研究 (ソース コードを添付) を例として、ミニ プログラムがページ間をジャンプするときのイベント メカニズムを調べました。

ミニ プログラムは、新しいページを開く、ページ リダイレクト、ページに戻る、tabBar の切り替えなど、ビューを変更する 4 つのメカニズムを提供し、ページのライフ サイクルをホストし、対応するライフサイクルを提供することがわかっています。アプリケーションの各段階でのビジネス処理を容易にするために、アプリケーションのイベントを循環させますが、ページ間を移動するための対応するイベント メカニズムはありません。たとえば、ページ A が 2 番目のページ B を開きます。そして、ページ B がいくつかの操作を実行して、ページ A にそれに応じて処理するように通知します。 2. ページ B からいくつかのデータを運び、ページ A に戻ります

上記の 2 つのシナリオは非常に一般的であり、もちろん、ページ間でパラメータを渡したり、グローバルにやり取りしたりすることができます。ページ ジャンプを通じて データ オブジェクトは目的を達成するために使用されますが、使用にはいくつかの制限があります (パラメーターの変換またはグローバル オブジェクトの維持)。

そこで、elongアプレットプロジェクト

では、この問題を解決するためにイベントメカニズムが使用されています。ページ A がこのインターフェイスを呼び出してページにジャンプした後、メソッドはイベント オブジェクト イベントをページ A に返します。このオブジェクトはカスタム イベントを登録でき、ターゲット ページ (ページ B) は以下に従ってイベント応答をトリガーできます。ビジネス ニーズを満たし、同時に関連データをパラメータとしてリッスン コールバックに渡します。

Aページ

Bページ

API

イベント

コードの一部は次のとおりです: [AppleScript] プレーンテキストビュー

コードをコピーします

    Page({
        data: {
            userInfo: {}
        },
        navigateToHttp: function () {
            var event = api.Navigate.go({
                url: '../http/index',
                params: {
                    name: 'billy'
                }
            });
            event.on("listok", function (params) {
                console.log(params)
            });
        },
        navigateToExternalComponent: function () {
            var event = api.Navigate.go({
                url: '../externalComponent/index'
            });
        },
        navigateToInternalComponent: function () {
            var event = api.Navigate.go({
                url: '../internalComponent/index'
            });
        },
        navigateToPartComponent: function (params) {
            var event = api.Navigate.go({
                url: '../partComponent/index'
            });
        },

二次ページのレンダリングを開きます—

以上がWeChat アプレット ページ間を移動するときにイベントを監視する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。