Comment accéder à une page de mini-programme spécifiée depuis l'extérieur du mini-programme_obtenir le lien depuis la page du mini-programme

Les liens du mini programme utilisent le composant navigateur

Utilisez la balise a en html, la balise a peut créer un lien vers n'importe quelle adresse du réseau

Mais le navigateur en le mini programme ne peut que Le saut de lien appliqué à dans l'applet actuelle

<navigator url="http://www.baidu.com">跳转A</navigator>

<navigator url=&#39;test/t&#39;>跳转B</navigator>

Le premier est invalide

Le second peut sauter correctement , Il convient de noter que : la page dans l'url ne peut pas être la page dans

tabBar

(menu du bas), mais elle peut être ouverte en définissant le

attribut de redirection via l'attribut open-type. Lors de la création d'une nouvelle page, Fermez la page d'origine(Dans la nouvelle page, vous ne pouvez pas revenir à la page d'origine)

<navigator redirect url=&#39;test/t&#39;>跳转</navigator>

Quand sauter, passer les paramètres ( n'ont pas besoin d'être ajoutés) Les guillemets ajouteront automatiquement des guillemets doubles, sinon il y aura un guillemet supplémentaire, alors écrivez directement : id=111 &name=Zhang San):

<navigator  url=&#39;test/t?id=111&name=张三&#39;>跳转</navigator>

Obtenez les paramètres de l'URL via l'événement onLoad et placez automatiquement les paramètres dans

<navigator  url=&#39;test/t?id=111&name=张三&#39; hover-class=&#39;hoverClass&#39;>跳转</navigator>    <!--链接1-->
<navigator  url=&#39;test/t?id=123&name=小明&#39;>跳转</navigator>    <!--链接2-->

Page({
  data: {

  },
  onLoad : function(datas) {
    console.log(datas);
  }
})

lors du chargement de cette page. Si vous cliquez sur le lien 1, la valeur des données est {id : "111", nom : "Zhang San"}, cliquez sur le lien 2, la valeur des données est {id : "123", nom : "Xiao Ming">

hover-class est après avoir cliqué dessus Le style de

wx.navigateTo

Cette API peut également effectuer un saut de page, ce qui est le même que le navigateur (sans attribut de redirection)

<button size=&#39;mini&#39; bindtap="navigator">跳转</button>

navigator : function() {
    wx.navigateTo({
      url: 'test/t?id=100&user=xiaoming',
      success : function(e) {
        console.log(e.errMsg);
      }
    })
  }

wx.redirectTo

Cette API peut également compléter la page jump, qui est le même que le navigateur (avec l'attribut de redirection), et l'opération est la même que ci-dessus

wx .navigateBack

Cette API est utilisée pour revenir de de la page actuelle à la page précédente (selon les paramètres suivants)

Page({
  data: {

  },
  back : function() {
    wx.navigateBack({
      delta : 1            // 值为1, 则是返回上一级, 值为2就返回上两级...
    })
  }
})

Si la valeur de dellta est 1, vous n'avez pas besoin d'écrire l'attribut dellta : wx.navigateBack({})

Si la valeur de Dellta dépasse son niveau total pouvant être restitué, il reviendra à la page d'accueil

Articles connexes :

Lien vers cette page

Composant de l'applet WeChat : interprétation et analyse des liens de la page du navigateur

Vidéo connexe :

Liens de page et tutoriel vidéo pratique du projet de mini-programme multimédia 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!