Heim > WeChat-Applet > Mini-Programmentwicklung > Beispiel für ein WeChat-Applet: vier Seitensprungmethoden (mit Code)

Beispiel für ein WeChat-Applet: vier Seitensprungmethoden (mit Code)

不言
Freigeben: 2018-08-16 16:13:25
Original
15634 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit WeChat-Applet-Beispielen: Vier Seitensprungmethoden (mit Code). Ich hoffe, dass er Ihnen weiterhilft.

Verwendung: Wird für Seitensprünge verwendet, entspricht dem -Tag.
API-Tutorial: https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html
https://mp.weixin.qq.com/debug/wxadoc/dev/ api/ui-navigate.html

Vier Sprungmethoden, schreiben Sie einen Code in den Index zum Testen

1: Von der Startseite zur Protokollseite springen (kann zurückkehren)

(Beachten Sie, dass dieses Attribut ohne Tabs verwendet werden kann, wenn die untere Navigation nicht festgelegt ist. Wenn eine Tab-Seite vorhanden ist, muss das Attribut switchTab ersetzt werden)

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle">页面跳转,可以返回</navigator>
</view>
Nach dem Login kopieren

2: Von der Startseite zur Protokollseite springen (keine Rückkehr möglich)

(Beachten Sie, dass dieses Attribut auch ohne festgelegte untere Navigation verwendet werden kann tabs. Bei Tabs muss die Seite das Attribut switchTab ersetzen , und vervollständigen Sie die darin enthaltenen WXML-Testinformationen. Um das Testen zu erleichtern, füllen Sie den Inhalt nach Belieben aus

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle" redirect>页面跳转,无法返回</navigator>
</view>
Nach dem Login kopieren

Öffnen Sie die globale Datei app.json und schreiben Sie den Pfad der neu erstellten Ordner Nr. in

Wir möchten nun das Öffnen über den Link auf der Startseite testen. Klicken Sie auf den Link, um die Nr.-Seite auf der aktuellen Startseite zu öffnen

4: Zur Tab-Seite wechseln:

<view class="btn-area">  
   <navigator url="/pages/test/test" hover-class="navigator-hover">我是一个自由分散的页面哦</navigator>  
 </view>
Nach dem Login kopieren

Hinweis: Der Sprung, den ich hier verwende, ist SwitchTab-Sprung, nicht Navigator

Grund: Alle Seitenpfade erforderlich Es gibt im Allgemeinen vier Hauptseiten, die in der TabBar konfiguriert werden müssen. Der Wechsel zwischen diesen Seiten muss separat in der TabBar konfiguriert werden. Der Navigator kann nicht verwendet werden und switchTab ist erforderlich.

Erfahrungszusammenfassung: Versuchen Sie beim Konfigurieren des pagePath des Listenelements in der TabBar, ihn nicht als Sprunglink zu anderen Seiten zu verwenden.

Verwandte Empfehlungen:

WeChat-Applet-Seitensprungfunktion

WeChat How to Überwachen Sie Ereignisse beim Wechseln zwischen Miniprogrammseiten

Das obige ist der detaillierte Inhalt vonBeispiel für ein WeChat-Applet: vier Seitensprungmethoden (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