總結Tips:
(1)navigateTo,redirectTo 只能打開非 tabBar頁面
(2)switchTab只能打開 TabBar 頁面
(3)reLaunch可以打開任意界面
(4)頁面底部的 tabBar 由頁面決定,即只要是定義為 tabBar 的頁面,底部都有tabBar
(5)不能在 App.vue 里面進行頁面跳轉
uni.navigateTo( OBJECT) —— 保留當前頁面,跳轉到應用內的某個頁面,使用 uni.navigateBack 可以返回到原來頁面
ONJECT參數說明:
參數 | 類型 | 必填 | 默認值 | 說明 | 平台差異說明 |
url | String | 是 | 需要跳轉的應用內非tabBar的頁面路徑,路徑后可以帶參數。參數與路徑之間使用 ? 分隔,參數鍵與參數值用 = 連接,不同的參數用 & 分隔; 例如:' path?key=value&key2=value2 ',path為跳轉的目標頁面路徑,目標頁面的onLoad函數可以得到傳遞的參數 |
||
animationType | String | 否 | pop-in | 窗口現實的動畫效果 | 5+APP |
animationDuration | Number | 否 | 300 | 窗口動畫持續時間,單位為ms | 5+APP |
success | Function | 否 | 接口調用成功的回調函數 | ||
fail | Function | 否 | 接口調用失敗的回調函數 | ||
complete | Function | 否 | 接口調用結束的回調函數(成功、失敗都會執行) |
注意:
頁面跳轉路徑有層級限制,不能無限跳轉新頁面
跳轉到 tabBar 頁面只能使用 switchTab 跳轉
不能在 App.vue 文件里進行頁面跳轉
路由API的目標頁面必須是在 pages.json 里注冊的vue頁面。如果想打開 web url,在APP平台可以使用 plus.runtime.openURL 或 web-view組件;H5平台使用 window.open ;小程序平台使用web-view組件(url需在小程序的聯網白名單里)。
uni.redirectTo( OBJECT )——關閉當前頁面,跳轉到應用內的某個頁面
OBJECT參數說明
參數 | 類型 | 必填 | 說明 |
url | String | 是 | 需要跳轉的應用內非tabBar的頁面路徑,路徑后可以帶參數,。參數與路徑之間使用 ? 分隔,參數鍵與參數值用 = 連接,不同的參數用 & 分隔; 例如:' path?key=value&key2=value2 ' |
success | Function | 否 | 接口調用成功的回調函數 |
fail | Function | 否 | 接口調用失敗的回調函數 |
complete | Function | 否 | 接口調用結束的回調函數(成功、失敗都會執行) |
uni.reLaunch( OBJECT )——關閉所有頁面,打開到應用內的某個頁面
OBJECT參數說明
參數 | 類型 | 必填 | 說明 |
url | String | 是 | 需要跳轉的應用內非tabBar的頁面路徑,路徑后可以帶參數,。參數與路徑之間使用 ? 分隔,參數鍵與參數值用 = 連接,不同的參數用 & 分隔; 例如:' path?key=value&key2=value2 ',如果跳轉的頁面是tabBar頁面則不能帶參數 |
success | Function | 否 | 接口調用成功的回調函數 |
fail | Function | 否 | 接口調用失敗的回調函數 |
complete | Function | 否 | 接口調用完成的回調函數(成功、失敗都會調用) |
uni.switchTab(OBJECT)——跳轉到 tabBar頁面,並關閉其他所有非 tabBar 頁面
OBJECT參數說明
參數 | 類型 | 必填 | 說明 |
url | String | 是 | 需要跳轉的 tabBar 頁面的路徑(需在 pages.json 的 tabBar 字段定義的頁面),路徑后不能帶參數 |
success | Function | 否 | 接口調用成功的回調函數 |
fail | Function | 否 | 接口調用失敗的回調函數 |
fail | Function | 否 | 接口調用完成的回調函數(成功、失敗都會調用) |
uni.navigateBack(OBJECT)——關閉當前頁面,返回上一級或多級頁面,可通過 getCurrentPages( ) 獲取當前頁面棧,決定需要返回幾層
OBJECT參數說明
參數 | 類型 | 必填 | 默認值 | 說明 | 平台差異說明 |
delta | Number | 否 | 1 | 返回的頁面數,如果delta大於現有頁面數,則返回到首頁 | |
animationType | String | 否 | pop-out | 窗口關閉的動畫效果 | 5+APP |
animationDuration |
Number | 否 | 300 | 窗口關閉動畫的持續時間,單位為 ms | 5+APP |