亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

uniapp如何實(shí)現(xiàn)tabBar之間傳參

 更新時(shí)間:2023年08月16日 09:17:28   作者:前端(入門到放棄)  
這篇文章主要給大家介紹了關(guān)于uniapp如何實(shí)現(xiàn)tabBar之間傳參的相關(guān)資料,文中通過代碼示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

問題描述:

提示:官方文檔明確說明: 跳轉(zhuǎn)tabBar欄的頁面只能使用 uni.switchTab 并且url 路徑后面不能傳遞參數(shù):

解決方法

方法1:使用全局變量:

main.js 定義全局變量

Vue.prototype.$name = '';

頁面1:

name.vue

   this.$name= "chuanzhi";
    uni.switchTab({
                    url:'/pages/index/index'
                })

頁面2:

index.vue (注意一定要放在onShow生命周期里面及時(shí)更新數(shù)據(jù),因?yàn)閠abBar會(huì)有緩存機(jī)制此時(shí)再次進(jìn)入頁面onLoad不會(huì)執(zhí)行)

onShow(){
this.info.name =  this.$name//賦值取得參數(shù)
}

此時(shí)this.info.name 就是name.vue頁面?zhèn)鬟f過來的參數(shù)

方法2:

setStorageSync(本地緩存)

//name.vue 頁
onclick () {
    存起來,到        
     // tabBar 的index頁面中獲取.
    uni.setStorageSync('Name', value);
    uni.switchTab({
                    url:'/pages/index/index'
                })
}
  index.vue TabBer 頁
  uni getStorageSync()//獲取存入數(shù)據(jù)
//在onShow中從本地緩存中獲取出來,進(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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論