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

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

高洛峰

Libérer： 2017-02-18 11:35:48

original

1929 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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 
 }) 
 } 
})

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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 !