WeChat アプレット ページ間を移動するときにイベントを監視するにはどうすればよいですか?

巴扎黑
リリース: 2017-04-01 15:24:03
オリジナル
2585 人が閲覧しました

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'
            });
        },
ログイン後にコピー

レベル 2 ページのレンダリングを開く—


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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!