uniapp如何實(shí)現(xiàn)tabBar之間傳參
更新時(shí)間：2023年08月16日 09:17:28 作者：前端（入門到放棄）
這篇文章主要給大家介紹了關(guān)于uniapp如何實(shí)現(xiàn)tabBar之間傳參的相關(guān)資料,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
問(wèn)題描述：
提示：官方文檔明確說(shuō)明: 跳轉(zhuǎn)tabBar欄的頁(yè)面只能使用 uni.switchTab 并且url 路徑后面不能傳遞參數(shù)：
解決方法
方法1：使用全局變量：
main.js 定義全局變量
Vue.prototype.$name = '';
頁(yè)面1：
name.vue
this.$name= "chuanzhi";
uni.switchTab({
url:'/pages/index/index'
})頁(yè)面2：
index.vue （注意一定要放在onShow生命周期里面及時(shí)更新數(shù)據(jù)，因?yàn)閠abBar會(huì)有緩存機(jī)制此時(shí)再次進(jìn)入頁(yè)面onLoad不會(huì)執(zhí)行）
onShow(){
this.info.name = this.$name//賦值取得參數(shù)
}此時(shí)this.info.name 就是name.vue頁(yè)面?zhèn)鬟f過(guò)來(lái)的參數(shù)
方法2：
setStorageSync(本地緩存)
//name.vue 頁(yè)
onclick () {
存起來(lái),到
// tabBar 的index頁(yè)面中獲取.
uni.setStorageSync('Name', value);
uni.switchTab({
url:'/pages/index/index'
})
} index.vue TabBer 頁(yè)
uni getStorageSync（）//獲取存入數(shù)據(jù)
//在onShow中從本地緩存中獲取出來(lái),進(jìn)行相關(guān)操作
onShow() {
const Name = uni.getStorageSync('id');
console.log(Name ,'Name ')
}總結(jié)
到此這篇關(guān)于uniapp如何實(shí)現(xiàn)tabBar之間傳參的文章就介紹到這了,更多相關(guān)uniapp tabBar傳參內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了使用正則表達(dá)式的格式化與高亮顯示json字符串的方法，非常的簡(jiǎn)單實(shí)用,需要的朋友可以參考下2014-12-12
TypeScript 實(shí)用工具類型之 Pick 類型實(shí)現(xiàn)
本文介紹TypeScript中的Pick實(shí)用工具類型,演示如何從已有類型中選擇特定屬性以生成新類型,簡(jiǎn)化對(duì)象類型定義,具有一定的參考價(jià)值,感興趣的可以了解一下2026-05-05
這篇文章主要介紹了微信小程序12行js代碼自己寫個(gè)滑塊功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-07-07
javascript動(dòng)畫效果類封裝代碼...2007-08-08
下面小編就為大家?guī)?lái)一篇簡(jiǎn)單封裝js的dom查詢實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
使用JavaScript?+?HTML5?Canvas實(shí)現(xiàn)互動(dòng)愛(ài)心雨完整代碼
canvas是HTML5中推出的新功能,可以在頁(yè)面上生成一個(gè)畫布,使用js可以在畫布上繪制一些圖形,這篇文章主要介紹了使用JavaScript?+?HTML5?Canvas實(shí)現(xiàn)互動(dòng)愛(ài)心雨的相關(guān)資料,需要的朋友可以參考下2025-03-03
javascript實(shí)現(xiàn)json頁(yè)面分頁(yè)實(shí)例代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)json頁(yè)面分頁(yè)實(shí)例代碼,需要的朋友可以參考下2014-02-02
分享JavaScript監(jiān)聽(tīng)全部Ajax請(qǐng)求事件的方法
最近在做一個(gè)小項(xiàng)目，引入了第三方j(luò)s文件，這個(gè)文件會(huì)調(diào)用XMLHttpRequest向服務(wù)器發(fā)送 Ajax請(qǐng)求，但是我有需要監(jiān)聽(tīng)其Ajax請(qǐng)求的某些事件，以便額外地執(zhí)行其他腳本。于是稍微看了看監(jiān)聽(tīng) Ajax請(qǐng)求的事件方法，在這里分享給大家。有需要的朋友們可以參考借鑒。2016-08-08
這篇文章主要為大家詳細(xì)介紹了ionic3雙擊返回退出應(yīng)用的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
JS實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的三種方式梳理
本文主要為大家介紹了基于 XMLHttpRequest、Promise、async/await 等三種異步網(wǎng)絡(luò)請(qǐng)求的寫法，文中的示例代碼講解詳細(xì)，感興趣的可以學(xué)習(xí)一下2022-03-03