本文章向大家介紹uni-app頁面配置和跳轉(zhuǎn),主要包括uni-app頁面配置和跳轉(zhuǎn)使用實例、應(yīng)用技巧、基本知識點總結(jié)和需要注意事項,具有一定的參考價值,需要的朋友可以參考一下。
參考網(wǎng)站: https://segmentfault.com/a/119000001732
路徑:‘pages/personal/hand/hand’
點擊某個專業(yè)隊時需要實現(xiàn)直接切換賬戶并登陸成功跳轉(zhuǎn)到首頁:pages/project-maintenance/duty-manage/duty-preview;
跳轉(zhuǎn)時使用
使用瀏覽器運行會報錯:
需換用:
uni.redirectTo(OBJECT)
關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。
OBJECT參數(shù)說明
參數(shù) 類型 必填 說明
url String 是 需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑,路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔,參數(shù)鍵與參數(shù)值用=相連,不同參數(shù)用&分隔;如 'path?key=value&key2=value2'
success Function 否 接口調(diào)用成功的回調(diào)函數(shù)
fail Function 否 接口調(diào)用失敗的回調(diào)函數(shù)
complete Function 否 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)
示例
uni.redirectTo({
<span style="color: rgb(221,17,68);">url:</span> <span style="color: rgb(221,17,68);">'test?id=1'</span>
});
uni.reLaunch(OBJECT)
關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面。
OBJECT參數(shù)說明
參數(shù) 類型 必填 說明
url String 是 需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁面路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔,參數(shù)鍵與參數(shù)值用=相連,不同參數(shù)用&分隔;如 'path?key=value&key2=value2',如果跳轉(zhuǎn)的頁面路徑是 tabBar 頁面則不能帶參數(shù)
success Function 否 接口調(diào)用成功的回調(diào)函數(shù)
fail Function 否 接口調(diào)用失敗的回調(diào)函數(shù)
complete Function 否 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會執(zhí)行)
示例
uni.reLaunch({
<span style="color: rgb(221,17,68);">url:</span> <span style="color: rgb(221,17,68);">'test?id=1'</span>
});
export default {
12onLoad: <span><span style="font-weight: 700;">function</span> (<span>option</span>) </span>{ <span style="color: rgb(0,134,179);">console</span>.log(option.query); }
}
以上就是“uni-app頁面配置和跳轉(zhuǎn)”的詳細(xì)內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!