Heim > WeChat-Applet > Mini-Programmentwicklung > Detaillierte Erläuterung des WeChat-Applet-Seitensprungs und der Übergabe von Parametern

Detaillierte Erläuterung des WeChat-Applet-Seitensprungs und der Übergabe von Parametern

高洛峰
Freigeben: 2017-02-18 11:35:48
Original
1930 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die detaillierte Erklärung des WeChat-Applet-Seitensprungs und der Übergabeparameter vor. Interessierte Freunde können darauf verweisen.

WeChat-Applet-Seitensprung, Parameternotizen werden zwischen den Seiten übergeben, die Details sind wie folgt:
Erstes Demobild:

详解微信小程序 页面跳转 传递参数

In Um die Logik zu vereinfachen, werden in index.wxml nur zwei Texte geschrieben. Da es sich um einen Sprung handelt, gibt es weitere Seiten:


Drei Seiten, aber der Code ist sehr einfach.详解微信小程序 页面跳转 传递参数


<!--index.wxml--> 
<view class="btn-area"> 
 <navigator url="../navigator/navigator?title=我是navigate" >跳转到新页面</navigator> 
 <navigator url="../redirect/redirect?title=我是redirect" redirect>在当前页打开</navigator> 
</view>
Nach dem Login kopieren
index.wxml Die URL ist der Seitenpfad, zu dem gesprungen werden soll. Der obige Code ist die Navigatorseite im Navigatorverzeichnis und der Titel ist der Parameter.

Das Weiterleitungsattribut unter Navigator ist der zu öffnende Wert Wenn keine Weiterleitung hinzugefügt wird, wird auf eine neue Seite gesprungen.

Das Weiterleitungsattribut unter dem Navigator ist ein Wert, der auf der aktuellen Seite geöffnet wird. Wenn keine Weiterleitung hinzugefügt wird, wird zu einer neuen Seite gesprungen.


Der Titel kann über js abgerufen werden Code in navigatort.wxml, der Code lautet wie folgt

<!--navigatort.wxml--> 
<view style="text-align:center"> {{title}} </view>
Nach dem Login kopieren


//navigatort.js
Page({ 
 onLoad: function(options) { 
 this.setData({ 
 title: options.title 
 }) 
 } 
})
Nach dem Login kopieren

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

Die letzten beiden Bilder nach dem Sprung.

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

1. Zur neuen Seite springen



2. Öffnen Sie die Originalseite

详解微信小程序 页面跳转 传递参数


Ist Ihnen ein Detail aufgefallen, das beim Öffnen der Originalseite nicht angezeigt wird? aber die Zurück-Schaltfläche wird angezeigt, nachdem zu einer neuen Seite gesprungen wurde.

详解微信小程序 页面跳转 传递参数Das liegt daran, dass ich zwei Seiten geschrieben habe. Wenn es sich bei der indexwxml nicht um eine Seite der ersten Ebene handelt, wird die Zurück-Schaltfläche hier angezeigt >

Natürlich sind die zurückgegebenen Ergebnisse unterschiedlich:

1. Gehen Sie zu einer neuen Seite und kehren Sie zur vorherigen Seite zurück 🎜> 2. Öffnen Sie die Originalseite und kehren Sie zur vorherigen Seite zurück.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein Ich hoffe auch, dass jeder die chinesische PHP-Website unterstützt.

Ausführlichere Erläuterungen zu WeChat-Applet-Seitensprüngen und verwandte Artikel zum Übergeben von Parametern finden Sie auf der chinesischen PHP-Website!


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