跳轉(zhuǎn)方法：1、使用“uni.navigateTo(OBJECT)”；2、使用“uni.redirectTo(OBJECT)”；3、使用“uni.reLaunch(OBJECT)”；4、使用“uni.switchTab(OBJECT)”等。

本教程操作環(huán)境：windows7系統(tǒng)、uni-app2.5.1版，DELL G3電腦。

uni-app 頁面跳轉(zhuǎn)主要有下面5個方法完成。分別如下：

(1)uni.navigateTo(OBJECT) 保留當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面
(2)uni.redirectTo(OBJECT) 關(guān)閉當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面
(3)uni.reLaunch(OBJECT) 關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面
(4)uni.switchTab(OBJECT) 跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面
(5)uni.navigateBack(OBJECT) 關(guān)閉當前頁面，返回上一頁面或多級頁面

uni.navigateTo(OBJECT)

保留當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面，使用uni.navigateBack可以返回到原頁面。OBJECT參數(shù)說明：參數(shù)類型必填說明urlString是需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔，參數(shù)鍵與參數(shù)值用=相連，不同參數(shù)用&分隔；

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

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

uni.redirectTo(OBJECT)

關(guān)閉當前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。OBJECT參數(shù)說明參數(shù)類型必填說明urlString是需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑，路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔，參數(shù)鍵與參數(shù)值用=相連，不同參數(shù)用&分隔；

uni.redirectTo({
url:?'test?id=1'?//?傳遞參數(shù)?id，值為1
});

uni.reLaunch(OBJECT)

關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面。OBJECT參數(shù)說明：參數(shù)類型必填說明urlString是需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁面路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔，參數(shù)鍵與參數(shù)值用=相連，不同參數(shù)用&分隔；

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

uni.switchTab(OBJECT)

跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面。OBJECT參數(shù)說明：參數(shù)類型必填說明urlString是需要跳轉(zhuǎn)的 tabBar 頁面的路徑(需在 app.json 的 tabBar 字段定義的頁面)，路徑后不能帶參數(shù)

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

uni.navigateBack(OBJECT)

關(guān)閉當前頁面，返回上一頁面或多級頁面?？赏ㄟ^ getCurrentPages() 獲取當前的頁面棧，決定需要返回幾層。OBJECT參數(shù)說明：參數(shù)類型必填說明deltaNumber1返回的頁面數(shù)，如果 delta 大于現(xiàn)有頁面數(shù)，則返回到首頁。

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

【相關(guān)推薦：《uniapp教程》】

以上是uni-app如何跳轉(zhuǎn)頁面的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！