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

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>

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>

Ö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>

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!