Maison  >  Article  >  Applet WeChat  >  Comment implémenter le saut dans l'applet WeChat ? (Présentation de la méthode)

Comment implémenter le saut dans l'applet WeChat ? (Présentation de la méthode)

青灯夜游
青灯夜游avant
2020-04-15 09:30:324631parcourir

Comment implémenter le saut dans l'applet WeChat ? L'article suivant résumera pour vous plusieurs façons d'implémenter des sauts dans les mini-programmes WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Comment implémenter le saut dans l'applet WeChat ? (Présentation de la méthode)

1. Utilisez les composants de navigation, les étiquettes et les liens de page à mettre en œuvre (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>

Les paramètres sont les suivants

Comment implémenter le saut dans lapplet WeChat ? (Présentation de la méthode)

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

Ajouter l'écoute de l'événement bindtap dans my.wxml

<view bindtap=&#39;jump&#39;>跳转</view>

Implémentez le saut dans my.js

  jump:function(){
    wx.navigateTo({
      url: &#39;../login/login&#39;,
      success: function(res) {

      },
      fail: function(res) {

      },
      complete: function(res) {

      },
    })
  }

Les paramètres sont les suivants

Comment implémenter le saut dans lapplet WeChat ? (Présentation de la méthode)

3. page actuelle et accéder à une page de l'application)

navigateto_index: function (event) { 
 wx.redirectTo({ 
 url: &#39;../index/index&#39;, 
 success: function (res) { 
 // success 
 }, 
 fail: function () { 
 // fail 
 }, 
 complete: function () { 
 // complete 
 } 
 }) 

 }

Les paramètres sont les suivants

Comment implémenter le saut dans lapplet WeChat ? (Présentation de la méthode)

4. niveau via wx.navigateBack (fermer la page actuelle. Revenir à la page précédente ou à une page de niveau supérieur).

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

Comment implémenter le saut dans lapplet WeChat ? (Présentation de la méthode)

Recommandé : "Tutoriel de développement de mini-programmes"

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer