Comment surveiller les événements lors du passage d'une page d'applet WeChat à une autre ?

巴扎黑
Libérer: 2017-04-01 15:24:03
original
2585 Les gens l'ont consulté

Dans le processus de développement de l'applet WeChat, nous rencontrerons certainement le besoin de passer d'une page à l'autre. Alors, comment surveiller les événements entre les sauts de page ? Nous avons pris un article précédent : Recherche sur les composants du framework du mini programme eLong WeChat (code source ci-joint) comme exemple pour jeter un œil au mécanisme d'événement lorsque les mini-programmes sautent entre les pages.

Nous savons que le mini programme propose quatre mécanismes pour changer la vue : ouverture d'une nouvelle page, redirection de page, retour de page et commutation tabBar. Hébergement Il définit le cycle de vie de la page et fournit les événements de cycle de vie correspondants pour l'application afin de faciliter le traitement métier à chaque étape de l'application. Cependant, il n'existe pas de mécanisme d'événement correspondant pour passer d'une page à l'autre, par exemple -

1. La page A ouvre la page secondaire B. La page B a effectué certaines opérations et la page A doit être notifiée pour effectuer le traitement correspondant. . 2. Transportez quelques données de la page B et revenez à la page A

Les deux scénarios ci-dessus sont très courants et se résument vers la page Comment interagir facilement les uns avec les autres ? Bien sûr, nous pouvons atteindre l'objectif en passant des paramètres ou des objets de données globaux via des sauts de page, mais il existe certaines restrictions d'utilisation (conversion de paramètres ou maintenance d'objets globaux) !

Le mécanisme d'événement est donc utilisé dans le projet d'applet elong pour résoudre ce problème problème . Nous avons réécrit navigateToAPI. Après que la page A appelle cette interface pour accéder à la page, la méthode renvoie un événement d'objet d'événement à la page A. Cet objet peut enregistrer des événements personnalisés et la page cible (page B) peut suivre. l'entreprise La demande déclenche la réponse à l'événement et, en même temps, les données pertinentes sont transmises au rappel d'écoute en tant que paramètre. Une page

Page B

API

Événement

Une partie du code est la suivante :

[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'
            });
        },
Copier après la connexion

Ouvrez le rendu de la page secondaire——

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!