WeChat アプレットページ間を移動するときにイベントを監視する方法-ミニプログラム開発-php.cn

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

巴扎黑

リリース： 2018-05-26 16:39:06

オリジナル

11722 人が閲覧しました

要約: 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: &#39;../http/index&#39;,
                params: {
                    name: &#39;billy&#39;
                }
            });
            event.on("listok", function (params) {
                console.log(params)
            });
        },
        navigateToExternalComponent: function () {
            var event = api.Navigate.go({
                url: &#39;../externalComponent/index&#39;
            });
        },
        navigateToInternalComponent: function () {
            var event = api.Navigate.go({
                url: &#39;../internalComponent/index&#39;
            });
        },
        navigateToPartComponent: function (params) {
            var event = api.Navigate.go({
                url: &#39;../partComponent/index&#39;
            });
        },

ログイン後にコピー

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