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

Nous savons que le mini programme fournit quatre mécanismes pour modifier la vue : l'ouverture d'une nouvelle page, la redirection de page, le retour de page et le changement de barre de tabulation. Il héberge le cycle de vie de la page et fournit les événements du cycle de vie correspondants pour l'application afin de faciliter le traitement commercial à chaque étape de l'application, mais 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 :

    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'
            });
        },

Ouvrez le rendu de la page secondaire——