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 頁面的路徑（需在 pages.json 的 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)用成功、失敗都會(huì)執(zhí)行） |
解決方案
使用uni.relaunch可以跳轉(zhuǎn)并攜帶參數(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)用成功、失敗都會(huì)執(zhí)行） |
uni.redirectTo({
url:`/pages/report/report?Id=${query}`
})
補(bǔ)充：解決uni.switchTab()跳轉(zhuǎn)不刷新
uni.switchTab()：不能攜帶參數(shù)，使用uni.switchTab()跳轉(zhuǎn)不會(huì)刷新頁面
uni.reLaunch：跳轉(zhuǎn)頁面會(huì)刷新頁面
解決辦法：
uni.reLaunch({
url: '/pages/mine/mine',
success: function(e) {
var page = getCurrentPages()[0];
if (page == undefined || page == null) return;
page.onLoad();
}
})
總結(jié)
到此這篇關(guān)于uniapp中uni.switchTab無法傳參的解決辦法的文章就介紹到這了,更多相關(guān)uniapp uni.switchTab無法傳參內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
關(guān)于javascript函數(shù)的幾個(gè)話題
關(guān)于javascript函數(shù)的幾個(gè)話題...2007-03-03
JS實(shí)現(xiàn)運(yùn)動(dòng)緩沖效果的封裝函數(shù)示例
這篇文章主要介紹了JS實(shí)現(xiàn)運(yùn)動(dòng)緩沖效果的封裝函數(shù),涉及JavaScript時(shí)間函數(shù)與數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
這篇文章介紹了給文字加上著重號(hào)的JS代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要給大家介紹了關(guān)于ES6的異步終極解決方案，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用ES6具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章用實(shí)例代碼講述了JavaScript如何獲取頁面圖片原始尺寸的方法，現(xiàn)在分享給大家供大家參考學(xué)習(xí)，有需要的可以一起來看看。2016-09-09
AngularJs+Bootstrap實(shí)現(xiàn)漂亮的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了angularJs+Bootstrap實(shí)現(xiàn)漂亮的計(jì)算器，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
妙用緩存調(diào)用鏈實(shí)現(xiàn)JS方法的重載
方法重載是指在一個(gè)類中定義多個(gè)同名的方法，但要求每個(gè)方法具有不同的參數(shù)的類型或參數(shù)的個(gè)數(shù)。簡而言之就是：方法重載就是方法名稱重復(fù)，加載參數(shù)不同2018-04-04
省市聯(lián)動(dòng)效果的簡單實(shí)現(xiàn)代碼(推薦)
下面小編就為大家?guī)硪黄∈新?lián)動(dòng)效果的簡單實(shí)現(xiàn)代碼(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
js簡單實(shí)現(xiàn)HTML標(biāo)簽Select聯(lián)動(dòng)帶跳轉(zhuǎn)
Select聯(lián)動(dòng)帶跳轉(zhuǎn)的效果想必大家并不陌生吧，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了用js傳遞value默認(rèn)值的簡單實(shí)現(xiàn),很簡單但比較實(shí)用，需要的朋友可以參考下2014-09-09