Cas de transfert de valeur de saut de page de l'applet WeChat

黄舟
Libérer: 2017-09-13 09:35:50
original
2236 Les gens l'ont consulté

Cet article présente principalement les informations pertinentes sur le code d'implémentation du transfert de valeur de saut de page de l'applet WeChat. Ici, nous analysons les conditions de mise en œuvre et un exemple de code. Les amis dans le besoin peuvent se référer à

Saut de page de l'applet WeChat. Code d'implémentation du transfert de valeur

Le chemin de la page de l'applet WeChat ne peut comporter que cinq niveaux

Le scénario actuel est le suivant :

index (page d'accueil) ; ouvre une nouvelle liste de pages (liste) ouvre une nouvelle page de recherche (requête conditionnelle) détermine les conditions et renvoie à la liste (liste)

Il y a une restriction ici, WeChat peut le faire ; n'ouvrez que cinq couches de pages Web, ce qui signifie Remarque : Lorsque vous cliquez sur OK sur la page de recherche, vous devez revenir à la page précédente :


wx.navigateBack(OBJECT)
Copier après la connexion

Cette API impossible de revenir à la page précédente avec les paramètres, tels que donnés par WeChat. La méthode consiste à ajouter des objets dans des variables globales (c'est quoi ce bordel)

app.js ajoute la recherche de variables


search:'',
Copier après la connexion

Js suivant Ajouter tous les en-têtes


let $ = getApp()
Copier après la connexion

Dans index.js :

Réinitialiser à chaque fois


onShow: function () { 
 $.search=''; 
 },
Copier après la connexion

Dans list.js :

Chaque fois que la vue apparaît, la collection de listes est réinitialisée. , puis obtient l'objet de recherche et effectue des opérations de requête


onShow: function () { 
 this.data.list = []; 
 if ($.search != '') { 
  this.data.search=$.search; 
 } 
 this.loadMore(); 
 },
Copier après la connexion

Dans search.js :

Cliquez sur Rechercher pour déclencher l'événement onSubmit, attribuez une valeur à la recherche, puis revenez à la page précédente


onSubmit() { 
 $.search = this.data.model; 
 wx.navigateBack(); 
}
Copier après la connexion

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