Maison > Applet WeChat > Développement de mini-programmes > Comment implémenter le saut de page dans un mini-programme

Comment implémenter le saut de page dans un mini-programme

coldplay.xixi
Libérer: 2020-08-31 10:51:46
original
13079 Les gens l'ont consulté

Comment implémenter le saut de page dans le mini-programme : 1. Utilisez les composants de navigation, les étiquettes et les liens de page pour y parvenir ; 2. Ajoutez l'écoute de l'événement bindtap à la mise en page et utilisez [wx.navigatorTo ; ] dans la méthode pour y parvenir. Réaliser le saut ; 3. Réaliser le saut via [wx.redirectTo].

Comment implémenter le saut de page dans un mini-programme

[Recommandations d'apprentissage associées : Développement de petits programmes]

Comment implémenter le saut de page dans le mini-programme :

1. Utilisez les composants de navigation, les étiquettes et les liens de page à implémenter (vous pouvez constater qu'il y a un arrière-plan lorsque vous cliquez)

<!-- sample.wxml -->
<view class="btn-area">
 <navigator url="../my/my">跳转到新页面</navigator>
</view>
Copier après la connexion

paramètres Comme suit

Comment implémenter le saut de page dans un mini-programme

2. Ajoutez un écouteur pour l'événement bindtap à la mise en page, puis dans la méthode, utilisez wx.navigatorTo pour implémenter le saut (conserver la page actuelle et accéder à l'application) Pour une certaine page, utilisez wx.navigateBack pour revenir à la page d'origine)

Ajouter un écouteur pour l'événement bindtap dans my.wxml

<view bindtap=&#39;jump&#39;>跳转</view>
Copier après la connexion

Réaliser sauter dans my.js

jump:function(){
  wx.navigateTo({
   url: &#39;../login/login&#39;,
   success: function(res) {
 
   },
   fail: function(res) {
 
   },
   complete: function(res) {
 
   },
  })
 }
Copier après la connexion

Les paramètres sont les suivants

Comment implémenter le saut de page dans un mini-programme

3. Passer par wx.redirectTo (fermer la page actuelle et accéder à une page dans l'application)

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: &#39;../index/index&#39;, 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 
 
 }
Copier après la connexion

Les paramètres sont les suivants

Comment implémenter le saut de page dans un mini-programme

4.Revenir au niveau précédent via wx.navigateBack (fermer la page actuelle. Revenir à l'application). page précédente ou page multi-niveaux).

wx.navigateBack({ 
 delta: 1, // 回退前 delta(默认为1) 页面 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 })
Copier après la connexion

Comment implémenter le saut de page dans un mini-programme

Recommandations d'apprentissage associées : Tutoriel de développement de compte public WeChat

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