Maison >Applet WeChat >Développement de mini-programmes >Explication détaillée du saut de page de l'applet WeChat et des paramètres de transmission

Explication détaillée du saut de page de l'applet WeChat et des paramètres de transmission

高洛峰
高洛峰original
2017-02-18 11:35:481943parcourir

Cet article présente principalement l'explication détaillée du saut de page de l'applet WeChat et des paramètres de transmission. Maintenant, je le partage avec vous. Il a une certaine valeur de référence.

Saut de page de l'applet WeChat, les notes de paramètres sont transmises entre les pages, les détails sont les suivants :
Première image de démonstration :

详解微信小程序 页面跳转 传递参数

Dans afin de simplifier la logique, seuls deux textes sont écrits dans index.wxml Comme il s'agit d'un saut, il y a d'autres pages

Le répertoire est le suivant :

详解微信小程序 页面跳转 传递参数

Trois pages, mais le code est très simple. Accédez directement au code.


<!--index.wxml--> 
<view class="btn-area"> 
 <navigator url="../navigator/navigator?title=我是navigate" >跳转到新页面</navigator> 
 <navigator url="../redirect/redirect?title=我是redirect" redirect>在当前页打开</navigator> 
</view>

index.wxml L'URL est le chemin de la page vers laquelle accéder. Le code ci-dessus est la page du navigateur dans le répertoire du navigateur, et le titre est le paramètre


L'attribut de redirection sous le navigateur est la valeur à ouvrir. sur la page actuelle. Si aucune redirection n'est ajoutée, il passera à une nouvelle page. Les paramètres peuvent être transportés


L'attribut de redirection sous le navigateur est une valeur qui s'ouvre sur la page actuelle. Si aucune redirection n'est ajoutée, il passera à une nouvelle page. Les paramètres peuvent être transportés


<!--navigatort.wxml--> 
<view style="text-align:center"> {{title}} </view>

Le titre peut être obtenu via js. code dans navigatort.wxml, le code est le suivant


//navigatort.js
Page({ 
 onLoad: function(options) { 
 this.setData({ 
 title: options.title 
 }) 
 } 
})

<!--redirect.wxml--> 
<view style="text-align:center"> {{title}} </view>

//redirect.js 
Page({ 
 onLoad: function(options) { 
 this.setData({ 
 title: options.title 
 }) 
 } 
})

Les deux dernières photos après le saut.


1. Aller à la nouvelle page


详解微信小程序 页面跳转 传递参数

2. Ouvrir la page d'origine


详解微信小程序 页面跳转 传递参数

Avez-vous remarqué un détail Le bouton retour n'apparaîtra pas à l'ouverture de la page d'origine, mais le bouton de retour apparaîtra après avoir sauté vers une nouvelle page.


C'est parce que j'ai écrit deux pages. Si l'indexwxml n'est pas une page de premier niveau, le bouton de retour apparaîtra ici


Bien sûr, les résultats renvoyés sont différents :


1. Jump Aller à une nouvelle page, et revenir consiste à revenir à la page précédente ; 🎜> 2. Ouvrir sur la page d'origine, et revenir consiste à revenir à la page précédente


Ce qui précède est cet article. J'espère que tout le contenu sera utile à l'apprentissage de chacun, et moi aussi. J'espère que tout le monde soutiendra le site Web PHP chinois.

Pour des explications plus détaillées sur les sauts de page de l'applet WeChat et des articles connexes sur la transmission des paramètres, veuillez faire attention au site Web PHP chinois !

Déclaration:
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