Erweitertes Uni-App-Routing – die Verwendung verschiedener Routing-Jump-Konfigurationen

Erweitertes Uni-App-Routing – die Verwendung verschiedener Routing-Jump-Konfigurationen

Erweitertes Uni-App-Routing – die Verwendung verschiedener Routing-Jump-Konfigurationen

---

---

Vorwort

Erweitertes Uni-App-Routing der UNI-APP-Lernreihe – Verwendung verschiedener Routing-Sprungkonfigurationen

---

1. Konfigurieren Sie zwei Navigationsseiten der ersten Ebene (tabBar)

• Konfigurieren Sie 2 Navigationsseiten der ersten Ebene (tabBar)

  • Erstellen Sie eine neue Vue-Datei im Seitenverzeichnis

  • page.json tabBar konfigurieren

    "tabBar": {
            
            
      "list": [
        {
            
            
          "pagePath": "pages/index/index",
          "text": "首页"
        },
        {
            
            
          "pagePath": "pages/mine/index",
          "text": "我的"
        }
      ]
    }
    

    Ergebnisse wie unten gezeigt
    

2. Klassifizierung der Routing-Konfiguration

Sprungmethode	veranschaulichen
uni.navigateTo()	Behalten Sie die aktuelle Seite bei, springen Sie zu einer Seite in der Anwendung und kehren Sie damit uni.navigateBackzur Originalseite zurück
uni.redirectTo()	Schließen Sie die aktuelle Seite und springen Sie zu einer Seite in der App
uni.reLaunch()	Schließen Sie alle Seiten und öffnen Sie eine Seite in der App
uni.switchTab()	Wechseln Sie zur TabBar-Seite und schließen Sie alle anderen Nicht-TabBar-Seiten
uni.navigateBack()	Schließen Sie die aktuelle Seite und kehren Sie zur vorherigen Seite oder zu mehrstufigen Seiten zurück. getCurrentPages()Sie können den aktuellen Seitenstapel abrufen und entscheiden, wie viele Ebenen Sie zurückgeben müssen

• Notiz

  • Implementieren Sie die Parameterübergabe

    • Globale benutzerdefinierte Uniapp-Ereignisse: https://uniapp.dcloud.net.cn/tutorial/page.html#emit
    • Globale Staatsverwaltungsbibliothek: Pinia, Vuex

  • navigateTo, redirectTokönnen nur Nicht-TabBar-Seiten geöffnet werden.

  • switchTabEs können nur tabBarSeiten geöffnet werden.

  • reLaunchKann jede Seite öffnen

    • Das ByteDance-Applet und das Feishu-Applet werden nicht unterstützt

• Zusammenfassen

  • Im Allgemeinen verwenden Sie uni.navigateTo, um zur Seite zu springen
  • Der Tabbar-Seitensprung verwendet uni.switchTab oder uni.reLaunch

---

Zusammenfassen

Das Obige ist das, worüber ich heute sprechen möchte. In diesem Artikel wird das erweiterte Uni-App-Routing der UNI-APP-Lernreihe vorgestellt – die Verwendung verschiedener Routing-Sprungkonfigurationen. Ich werde das darauf basierende UNI-APP-Framework weiterentwickeln und erklären VSCode. Mir gefällt es. Bitte klicken Sie, um zu folgen. Das Tutorial zur Verwendung des UNI-APP-Frameworks wird weiterhin aktualisiert.