Uni-app頁面路由區分注意事項

總結Tips:vue

 (1)navigateTo,redirectTo 只能打開非 tabBar頁面web

 (2)switchTab只能打開 TabBar 頁面json

 (3)reLaunch能夠打開任意界面小程序

 (4)頁面底部的 tabBar 由頁面決定,即只要是定義爲 tabBar 的頁面,底部都有tabBar函數

 (5)不能在 App.vue 裏面進行頁面跳轉動畫

uni.navigateTo( OBJECT) —— 保留當前頁面,跳轉到應用內的某個頁面,使用  uni.navigateBack  能夠返回到原來頁面

ONJECT參數說明:url

參數 類型 必填 默認值 說明 平臺差別說明
url String  

須要跳轉的應用內非tabBar的頁面路徑,路徑後能夠帶參數。參數與路徑之間使用 ? 分隔,參數鍵與參數值用 = 鏈接,不一樣的參數用 & 分隔;spa

例如:' 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   接口調用結束的回調函數(成功、失敗都會執行)  

 

注意:ip

  頁面跳轉路徑有層級限制,不能無限跳轉新頁面

  跳轉到 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
相關文章
相關標籤/搜索