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

位置:首頁(yè) / 新聞中心 / 知識(shí)教程

知識(shí)教程 Admin 2024-02-22 17:16:14 782

本文章向大家介紹uni-app頁(yè)面配置和跳轉(zhuǎn),主要包括uni-app頁(yè)面配置和跳轉(zhuǎn)使用實(shí)例、應(yīng)用技巧、基本知識(shí)點(diǎn)總結(jié)和需要注意事項(xiàng),具有一定的參考價(jià)值,需要的朋友可以參考一下。

參考網(wǎng)站: https://segmentfault.com/a/119000001732

路徑:‘pages/personal/hand/hand’

點(diǎn)擊某個(gè)專業(yè)隊(duì)時(shí)需要實(shí)現(xiàn)直接切換賬戶并登陸成功跳轉(zhuǎn)到首頁(yè):pages/project-maintenance/duty-manage/duty-preview;

跳轉(zhuǎn)時(shí)使用

使用瀏覽器運(yùn)行會(huì)報(bào)錯(cuò):

需換用:

uni.redirectTo(OBJECT)

關(guān)閉當(dāng)前頁(yè)面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。

OBJECT參數(shù)說(shuō)明

參數(shù) 類型 必填 說(shuō)明
url String 是 需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁(yè)面的路徑,路徑后可以帶參數(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)用成功、失敗都會(huì)執(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è)面,打開(kāi)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。

OBJECT參數(shù)說(shuō)明

參數(shù) 類型 必填 說(shuō)明
url String 是 需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁(yè)面路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔,參數(shù)鍵與參數(shù)值用=相連,不同參數(shù)用&分隔;如 'path?key=value&key2=value2',如果跳轉(zhuǎn)的頁(yè)面路徑是 tabBar 頁(yè)面則不能帶參數(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)用成功、失敗都會(huì)執(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頁(yè)面配置和跳轉(zhuǎn)”的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注木子天禾科技其它相關(guān)文章!

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

15934152105 掃描微信