So springen Sie von außerhalb des Miniprogramms zu einer bestimmten Miniprogrammseite: Holen Sie sich den Link von der Miniprogrammseite

php是最好的语言
Freigeben: 2018-07-28 14:17:29
Original
15499 Leute haben es durchsucht

Die Links im Miniprogramm verwenden die Navigator-Komponente

Verwenden Sie das A-Tag in HTML, das A-Tag kann auf jede Adresse im Netzwerk verlinken

Aber der Navigator in Das Miniprogramm kann nur auf den Linksprung von im aktuellen Applet angewendet werden

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

<navigator url=&#39;test/t&#39;>跳转B</navigator>
Nach dem Login kopieren

Der erste ist ungültig

Der zweite kann springen korrekt, was erforderlich ist. Hinweis: Die Seite in der URL kann nicht die Seite in

tabBar

(unteres Menü) sein, aber Sie können das

Redirect-Attribut über festlegen open-type-Attribut zum Öffnen einer neuen Seite Wenn Die Originalseite schließen(Auf der neuen Seite können Sie nicht zur Originalseite zurückkehren)

<navigator redirect url=&#39;test/t&#39;>跳转</navigator>
Nach dem Login kopieren

Übergeben Sie beim Springen die Parameter (Es müssen keine Anführungszeichen hinzugefügt werden , doppelte Anführungszeichen werden automatisch hinzugefügt, andernfalls gibt es ein zusätzliches Anführungszeichen, also schreiben Sie direkt: id=111&name= Zhang San):

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

Passed Das onLoad-Ereignis ruft die URL-Parameter ab und fügt die Parameter beim Laden dieser Seite automatisch in

<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-->
Nach dem Login kopieren
rrree

ein Wenn auf Link 1 geklickt wird, ist der Datenwert {id: „111“, Name: „张Three“}. Klicken Sie auf Link 2, dann lautet der Datenwert {id: „123“, Name: „Xiao Ming“. 🎜>

Hover-Klasse ist der Stil nach dem Klicken darauf

wx.navigateTo

Diese API kann auch einen Seitensprung durchführen, was dem Navigator entspricht (ohne Umleitungsattribut)

Page({
  data: {

  },
  onLoad : function(datas) {
    console.log(datas);
  }
})
Nach dem Login kopieren
<button size=&#39;mini&#39; bindtap="navigator">跳转</button>
Nach dem Login kopieren

wx.redirectTo

Diese API kann auch den Seitensprung abschließen, der dem Navigator (mit Umleitungsattribut) und dem Vorgang entspricht ist das gleiche wie oben

wx.navigateBack

Diese API wird verwendet, um von der aktuellen Seite zur übergeordneten Seite zurückzukehren (gemäß den folgenden Parametern). )

navigator : function() {
    wx.navigateTo({
      url: &#39;test/t?id=100&user=xiaoming&#39;,
      success : function(e) {
        console.log(e.errMsg);
      }
    })
  }
Nach dem Login kopieren
Wenn der Wert von Dellta 1 ist, müssen Sie das Dellta-Attribut nicht schreiben: wx.navigateBack({})

Wenn der Wert von Dellta den Gesamtwert überschreitet Level

das zurückkehren kann, wird es zur Startseite zurückkehren

Verwandte Artikel:

Link zu dieser Seite

WeChat Mini-Programmkomponente: Navigationsseiten-Link-Interpretation und -Analyse

Verwandte Videos:

Seitenlinks und Multimedia-WeChat Mini-Programm Programmprojekt praktisch Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo springen Sie von außerhalb des Miniprogramms zu einer bestimmten Miniprogrammseite: Holen Sie sich den Link von der Miniprogrammseite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!