ホームページ  >  記事  >  WeChat アプレット  >  WeChat アプレット ページ間を移動するときにイベントを監視する方法

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

巴扎黑
巴扎黑オリジナル
2018-05-26 16:39:0611678ブラウズ

要約: WeChat アプレットの開発プロセス中に、ページ間をジャンプする必要が必ず発生します。では、ページ ジャンプ間のイベントを監視するにはどうすればよいでしょうか?前回の記事: eLong WeChat ミニ プログラム フレームワーク コンポーネントの研究 (ソース コード付き) を例として、ミニ プログラムがページ間を移動するときのイベントを見てみましょう...

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

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


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

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

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

Aページ

Bページ

API


イベント


コードの一部は次のとおりです:

    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 アプレット ページ間を移動するときにイベントを監視する方法

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


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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。