快捷導(dǎo)航

uniapp中uni.switchTab無法傳參的解決辦法

更新時(shí)間：2023年01月17日 09:56:47 作者：無·糖

uni.switchTab跳轉(zhuǎn)的必須是TabBar上的路徑,下面這篇文章主要給大家介紹了關(guān)于uniapp中uni.switchTab無法傳參的解決辦法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

問題描述

在uniapp中使用uni.switchTab無法傳參

uni.switchTab({
	url:`/pages/report/report?Id=${query}`
})

原因分析

uniapp官方定義uni.switchTab無法傳參

參數(shù)	類型	必填	說明
url	String	是	需要跳轉(zhuǎn)的 tabBar 頁(yè)面的路徑（需在 pages.json 的 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可以跳轉(zhuǎn)并攜帶參數(shù)

參數(shù)	類型	必填	說明
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.redirectTo({
	url:`/pages/report/report?Id=${query}`
})

補(bǔ)充：解決uni.switchTab()跳轉(zhuǎn)不刷新

uni.switchTab()：不能攜帶參數(shù)，使用uni.switchTab()跳轉(zhuǎn)不會(huì)刷新頁(yè)面

uni.reLaunch：跳轉(zhuǎn)頁(yè)面會(huì)刷新頁(yè)面

解決辦法：

	uni.reLaunch({
			url: '/pages/mine/mine',
			success: function(e) {
				var page = getCurrentPages()[0];
				if (page == undefined || page == null) return;
						page.onLoad(); 
				   }
				})