uni-app頁面配置和跳轉(zhuǎn)

位置:首頁 / 新聞中心 / 知識教程

知識教程 Admin 2024-02-22 17:16:14 1148

本文章向大家介紹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)文章!

以上就是“uni-app頁面配置和跳轉(zhuǎn)”的詳細(xì)內(nèi)容,更多請關(guān)注木子天禾科技其它相關(guān)文章!

15934152105 掃描微信