Detaillierte Einführung in das Wechseln der Registerkartenseiten des WeChat-Applets und das Aktualisieren von Daten

高洛峰
Freigeben: 2017-03-28 13:39:19
Original
3053 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die relevanten Informationen zum Wechseln und Aktualisieren von Daten auf der WeChat Mini-Programm-Registerkarte vorgestellt. Freunde, die diese benötigen, können sich auf

WeChat Mini-Programm-Registerkarten-Wechseln und Daten aktualisieren beziehen

Das WeChat-Miniprogramm befindet sich noch in der internen Testphase. Das Unpraktischste ist, dass die Funktionen, die ich vor ein paar Tagen geschrieben habe, alle paar Tage plötzlich nicht mehr verfügbar sind ∠)_

Die funktionalen Anforderungen sind wie folgt:

Wenn ich auf der Startseite auf „Mehr als 50.000“ klicke, wird zur Autokaufseite und gleichzeitig zum Filter gesprungen Der Zustand „Mehr als 50.000“ wird auf der Autokaufseite angezeigt.

Detaillierte Einführung in das Wechseln der Registerkartenseiten des WeChat-Applets und das Aktualisieren von Daten

Früher konnte die Navigator-Navigation springen und Daten übertragen, aber dieses Mal fügte das offizielle Update eine neue Sache hinzu – switchTab, die speziell zum Implementieren von Tabs verwendet wird Seiten springen, aber das Tragen von Daten ist verboten

Wenn wir dann trotzdem unsere Wirkung erzielen wollen, können wir nur andere Methoden verwenden

Nachdem ich darüber nachgedacht habe, gibt es zwei Ideen

1. Daten-Caching verwenden

2. Globale Variablen zum Speichern globaler Daten verwenden

Am Ende habe ich globale Variablen verwendet, weil ich es versucht habe Wenn Sie onLoad verwenden, wird onLoad zuerst zum Laden der Seite verwendet. Dies bedeutet, dass es nur zum ersten Mal ausgeführt wird, wenn die Seite geöffnet wird, und nicht erneut ausgeführt wird, was bedeutet, dass diese Aktion danach nicht mehr ausgeführt wird beim ersten Mal, wenn der Effekt erreicht wird. Als ich versuchte, lokale Variablen zu verwenden, wurde onLoad, das ich am Anfang auch verwendet habe, natürlich nicht implementiert. Dann habe ich festgestellt, dass OnShow den Vorgang jedes Mal erfolgreich ausführt, wenn die Seite angezeigt wird Sollte möglich sein. Implementiert

Spezifische Implementierung:

1. Zuerst müssen Sie die erforderlichen globalen Variablen in app.js definieren


globalData:{
  currentLocation:'北京',
  selectCondition:'',
  userInfo:null
 }
Nach dem Login kopieren

Zusätzlich zu userInfo werden die beiden anderen Variablen in globalData, die mit dem Miniprogramm geliefert werden, beide von mir definiert

2 Klicken Sie unter „Home“ auf „Mehr als 50.000“. und führen Sie zwei Operationen aus

Ändern Sie zunächst den Wert der globalen Variablen selectCondition

Zweitens springen Sie zur Autokaufseite

Sie müssen die .js auf der schreiben Startseite:

Detaillierte Einführung in das Wechseln der Registerkartenseiten des WeChat-Applets und das Aktualisieren von Daten

var app=getApp();

Ändern Sie dann den Wert der globalen Variablen selectCodition im Feld „more than“. 50.000" Klickereignis


addSelectCondition:function(e){
    var con=e.currentTarget.dataset.hi;
    app.globalData.selectCondition=con;
    console.log(app.globalData.selectCondition)
    wx.switchTab({
     url: '../buycar/pickcar'
    })
  }
Nach dem Login kopieren

Dies ist der Inhalt der gesamten Funktion. Vor der Konsole ändert es den Wert der globalen Variablen

. Danach ist es der Code, mit wx zur Registerkarte „Auto kaufen“ zu springen.

3 Holen Sie sich die globale Variable selectCondition in der onShow-Funktion der Autokaufseite und weisen Sie sie zu Variable bereits in unseren Daten definiert, so dass Sie dies in „Auto kaufen“ als „mehr als 50.000“ bezeichnen können. Es lohnt sich

Detaillierte Einführung in das Wechseln der Registerkartenseiten des WeChat-Applets und das Aktualisieren von Daten

Erfolg, Blumen streuen

Vielen Dank fürs Lesen, ich hoffe, es kann allen helfen, vielen Dank für Ihre Unterstützung dieser Seite!

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das Wechseln der Registerkartenseiten des WeChat-Applets und das Aktualisieren von Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage