欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

最新評(píng)論