So springen Sie zur Seite in der Uni-App

Jump-Methode: 1. Verwenden Sie „uni.navigateTo(OBJECT)“; 2. Verwenden Sie „uni.redirectTo(OBJECT)“; 3. Verwenden Sie „uni.reLaunch(OBJECT)“; )" usw.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App-Version 2.5.1, DELL G3-Computer.

Der Seitensprung der Uni-App wird hauptsächlich durch die folgenden 5 Methoden durchgeführt. Sie lauten wie folgt:

(1)uni.navigateTo(OBJECT) Behalten Sie die aktuelle Seite bei und springen Sie zu einer bestimmten Seite in der Anwendung.
(2)uni.redirectTo(OBJECT) Schließen Sie die aktuelle Seite und springen Sie zu einer bestimmten Seite in der Anwendungsseite
(3)uni.reLaunch(OBJECT) Alle Seiten schließen und eine Seite in der Anwendung öffnen
(4)uni.switchTab(OBJECT) Zur TabBar-Seite springen und alle anderen Nicht-TabBar-Seiten schließen
( 5) uni.navigateBack(OBJECT) Schließen Sie die aktuelle Seite und kehren Sie zur vorherigen Seite oder mehrstufigen Seite zurück

uni.navigateTo(OBJECT)

Behalten Sie die aktuelle Seite bei und springen Sie zu einer Seite in der Anwendung uni.navigateBack to Zurück zur Originalseite. Beschreibung des OBJECT-Parameters: Parametertyp ist erforderlich. Beschreibung: urlString ist der Pfad zur Nicht-TabBar-Seite in der Anwendung, die übersprungen werden muss. Parameter können nach dem Pfad eingefügt werden. Parameter und Pfade werden durch ? getrennt, Parameterschlüssel und Parameterwerte werden durch = verbunden und verschiedene Parameter werden durch & getrennt;

uni.navigateTo({
url: 'test?id=1&name=uniapp'

});
export default {
onLoad: function (option) {
console.log(option.id);
console.log(option.name);
 }
}

uni.redirectTo(OBJECT)

Schließen Sie die aktuelle Seite und springen Sie zu einer Seite in der Bewerbung. OBJECT-Parameterbeschreibung Parametertyp Erforderliche Beschreibung urlString ist der Pfad zur Nicht-TabBar-Seite in der Anwendung, die übersprungen werden muss. Parameter können nach dem Pfad eingefügt werden. Parameter und Pfade werden durch ? getrennt, Parameterschlüssel und Parameterwerte werden durch = verbunden und verschiedene Parameter werden durch & getrennt.

uni.redirectTo({
url: 'test?id=1' // 传递参数 id，值为1
});

uni.reLaunch(OBJECT)

Alle Seiten schließen und eine bestimmte Seite öffnen die Anwendung. OBJECT-Parameterbeschreibung: Parametertyp ist erforderlich. Beschreibung urlString ist der Pfad zu der Seite innerhalb der Anwendung, die übersprungen werden muss. Parameter können nach dem Pfad eingefügt werden. Parameter und Pfade werden durch ? getrennt, Parameterschlüssel und Parameterwerte werden durch = verbunden und verschiedene Parameter werden durch & getrennt.

uni.reLaunch({
url: 'test?id=1'
});
export default {
onLoad: function (option) {
console.log(option.query);
   }
}

uni.switchTab(OBJECT)

Zur tabBar-Seite springen und alle anderen schließen Nicht-TabBar-Seiten. OBJECT-Parameterbeschreibung: Parametertyp erforderliche Beschreibung urlString ist der Pfad zur tabBar-Seite, die übersprungen werden muss (die Seite muss im tabBar-Feld von app.json definiert werden. Parameter können nicht nach dem Pfad eingefügt werden

pages.json{
"tabBar": {
"list": [
{
"pagePath": "index",
"text": "首页"
},{
"pagePath": "other",
"text": "其他"
      }]
   }
}
other.vueuni.switchTab({
url: 'index'
});

uni). .navigateBack(OBJECT)

Schließen Sie die aktuelle Seite und kehren Sie zur vorherigen Seite oder mehrstufigen Seite zurück. Sie können den aktuellen Seitenstapel über getCurrentPages() abrufen und entscheiden, wie viele Ebenen zurückgegeben werden sollen. Beschreibung des OBJECT-Parameters: Parametertyp ist erforderlich. Beschreibung deltaNumber1 Die Anzahl der zurückgegebenen Seiten. Wenn Delta größer als die Anzahl der vorhandenen Seiten ist, kehren Sie zur Startseite zurück.

uni.navigateTo({
url: 'B?id=1'
});
uni.navigateTo({
url: 'C?id=1'
});
uni.navigateBack({
delta: 2
});

【Verwandte Empfehlung: „uniapp-Tutorial“】

Das obige ist der detaillierte Inhalt vonSo springen Sie zur Seite in der Uni-App. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!