Heim  >  Artikel  >  WeChat-Applet  >  Technische Lösung – Seitensprung im WeChat-Applet der App

Technische Lösung – Seitensprung im WeChat-Applet der App

php是最好的语言
php是最好的语言Original
2018-07-26 10:20:042116Durchsuche

WeChatDer Grund, warum die Seite des Miniprogramms nicht springt, kann sein: 1: Überprüfen Sie, ob die Adresse, zu der Sie springen, falsch ist. 2: Überprüfen Sie die Adresse, zu der Sie springen ob die Adresse in app.js registriert wurde; 3: Wenn sich die Adresse, zu der Sie springen, in der TabBar befindet, verwenden Sie wx.switchTab, um zur Seite zu springen.

Das Folgende fasst die Sprungmethode zusammen:

1. API-Sprung

  • wx.navigateTo ({...})

  • wx.redirectTo({...})

  • wx.switchTab({. ..} )

  • wx.reLanch({...})

(1) wx.navigateTo({. ..} )

Die aktuelle Seite wird nicht zerstört, sondern nur ausgeblendet. Verwenden Sie wx.navigateBack, um zur Originalseite zurückzukehren.

Hinweis: Wenn Sie „navigateTo“ zum Springen aufrufen, wird die Seite, die diese Methode aufruft, dem Stapel hinzugefügt

// 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

wx.navigateTo({
    url: 'page/home/home'      // 页面 A
})
wx.navigateTo({
    url: 'page/detail/detail'  // 页面 B
})
// 跳转到页面 A
wx.navigateBack({
    delta: 2
})

(2) wx.redirectTo({...})

Aktuelle Seite schließen und zu einer entsprechenden Seite in der Anwendung springen

(3) wx.switchTab({...})

Zur tabBar-Seite springen (in app.json Registrierte TabBar-Seite), andere Nicht-TabBar-Seiten schließen

(4) wx.reLanch({...})

Alle Seiten schließen und eine Seite innerhalb der Anwendung öffnen.

2.wxml-Seitenkomponentensprung (90553a25cfb9c2089e9e88a5e7e05f40)

// navigator 组件默认的 open-type 为 navigate 
<navigator url="/page/navigate/navigate" hover-class="navigator-hover">跳转到新页面</navigator>
// redirect 对应 API 中的 wx.redirect 方法
<navigator url="../../redirect/redirect/redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>
// switchTab 对应 API 中的 wx.switchTab 方法
<navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>
// reLanch 对应 API 中的 wx.reLanch 方法
<navigator url="../../redirect/redirect/redirect" open-type="redirect" hover-class="other-navigator-hover">关闭所有页面,打开到应用内的某个页面</navigator>
// navigateBack 对应 API 中的 wx.navigateBack 方法
<navigator url="/page/index/index" open-type="navigateBack" hover-class="other-navigator-hover">关闭当前页面,返回上一级页面或多级页面</navigator>

Verwandte Empfehlungen:

WeChat-Applet-Seitensprungfunktion

Einführung in den Navigationsseitensprung bei der Entwicklung des WeChat-Miniprogramms

Video-Tutorial zur Entwicklung des WeChat-Miniprogramms

Das obige ist der detaillierte Inhalt vonTechnische Lösung – Seitensprung im WeChat-Applet der App. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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