So springen Sie zur WeChat-Applet-Seite (mit Code)

不言
Freigeben: 2018-08-10 15:03:18
Original
8279 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit der Methode zum Seitensprung des WeChat-Miniprogramms (mit Code). Ich hoffe, dass er für Sie hilfreich ist.

Ich arbeite derzeit an einem WeChat-Miniprojekt und werde alle Probleme zusammenfassen, auf die ich gestoßen bin.
Zusammenfassung der Methode zum Springen zur Seite im WeChat-Applet (ich hoffe, Sie korrigieren mich, wenn es Fehler gibt)

Die vom WeChat-Applet bereitgestellte API-Methode

// 保留当前页面,跳转到应用的某个页面,点击返回按钮时还可以返回原来页面wx.navigateTo({
    url: '文件地址',    地址后面也可以追加参数  'page/index/index?id=123&page=2'})
Nach dem Login kopieren
// 关闭当前页面,跳转到应用内的某个页面。  点击返回按钮时不会返回原来页面wx.redirectTo({
    url: 'page/index/index?id=123&page=2'})
Nach dem Login kopieren
// 关闭所有页面,打开到应用内的某个页面。wx.reLanch({
  url: 'page/index/index?id=123&page=2'})
Nach dem Login kopieren
// 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面// 注意:必须是在app.json中注册过的tabBar 页面wx.switchTab({
    url: 'page/index/index'})
Nach dem Login kopieren

Der Navigator in der Komponente

<view class="btn-area">
  <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
  <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>
  <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>
  <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打开绑定的小程序</navigator>
</view>

url: 当前小程序内跳转链接open-type: 跳转方式(上面api提供的四中方法)delta: 当 open-type 为 &#39;navigateBack&#39; 时有效,表示回退的层数hover-class: 指定点击时的样式类,当hover-class="none"时,没有点击态效果
Nach dem Login kopieren

Externe Links überspringen

Beim Überspringen externer Links müssen Sie darauf achten, sich beim WeChat-Applet anzumelden
Konfigurieren Sie den gewünschten legalen Domänennamen, zu dem gesprungen werden soll it

So springen Sie zur WeChat-Applet-Seite (mit Code)

<web-view src="https://baidu.com/"></web-view>
Nach dem Login kopieren

Verwandte Empfehlungen:

Lösung für den Fehler im WeChat Mini-Programm: Lösung dafür, warum die Seite in iOS9.X nicht richtig gerendert werden kann mit Flex-Layout

WeChat Mini-Programm Das Programm erkennt die Anzahl der Produkte, die während des Einkaufs gekauft werden können (mit Code)

Beispiel für ein WeChat-Applet : realisiert den Effekt des Wechsels der oberen Tabulatortaste und des Schiebewechsels, wenn sich die Navigationsleiste mitbewegt (Code)

Das obige ist der detaillierte Inhalt vonSo springen Sie zur WeChat-Applet-Seite (mit Code). 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!