So überwachen Sie Ereignisse beim Wechseln zwischen WeChat-Applet-Seiten

Wir wissen, dass das Miniprogramm vier Mechanismen zum Ändern der Ansicht bereitstellt: Öffnen einer neuen Seite, Seitenumleitung, Seitenrückkehr und TabBar-Wechsel. Es hostet den Seitenlebenszyklus und stellt entsprechende Lebenszyklusereignisse für die Anwendung bereit, um die Geschäftsverarbeitung in jeder Phase der Anwendung zu erleichtern. Es gibt jedoch keinen entsprechenden Ereignismechanismus zum Beispiel zum Springen zwischen Seiten -

1. Seite A öffnet Sekundärseite B. Seite B hat einige Vorgänge durchgeführt und Seite A muss benachrichtigt werden, um die entsprechende Verarbeitung durchzuführen.
2. Tragen Sie einige Daten von Seite B und kehren Sie zu Seite A zurück

Die beiden oben genannten Szenarien kommen sehr häufig vor und lassen sich zusammenfassen Zur Seite Wie können wir bequem miteinander interagieren? Natürlich können wir das Ziel erreichen, indem wir Parameter oder globale Datenobjekte durch Seitensprünge übergeben, es gibt jedoch einige Einschränkungen bei der Verwendung (Konvertieren von Parametern oder Verwalten globaler Objekte)!

Daher wird der Ereignismechanismus im Elong-Applet-Projekt verwendet, um dieses Problem zu lösen Problem . Wir haben navigateToAPI neu geschrieben. Nachdem Seite A diese Schnittstelle aufgerufen hat, um zur Seite zu springen, gibt die Methode ein Ereignisobjektereignis an Seite A zurück. Dieses Objekt kann benutzerdefinierte Ereignisse registrieren und die Zielseite (Seite B) kann folgen Das Geschäft Die Anforderung löst die Ereignisantwort aus und gleichzeitig werden die relevanten Daten als Parameter an den Listening-Rückruf übergeben.
Eine Seite

B-Seite

API

Veranstaltung

Ein Teil des Codes lautet wie folgt:

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

Öffnen Sie das sekundäre Seitenrendering——