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

uniapp實(shí)現(xiàn)tabBar-switchTab之間的傳參方法

 更新時(shí)間：2024年01月20日 12:18:00   作者：小跳不會(huì)Coding  
這篇文章主要介紹了uniapp實(shí)現(xiàn)tabBar-switchTab之間的傳參方式，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

一、需求：

tabbar之間跳轉(zhuǎn)頁(yè)面時(shí)，需要傳遞一個(gè)參數(shù)。

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

二、解決方法：

方法1：setStorageSync(本地緩存)

//index.vue 頁(yè)

onclick () {
    存起來(lái)，在另一個(gè)頁(yè)面中獲取.
    uni.setStorageSync('myIndex', value);
    uni.switchTab({
            url:'/pages/user/user'
      })
}

//user.vue 頁(yè)（在onShow中從本地緩存中獲取出來(lái),進(jìn)行相關(guān)操作）

onShow() {
  const myIndex= uni.getStorageSync('myIndex');
  console.log(myIndex)
}

方法2：使用全局變量：

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過來(lái)的參數(shù)

到此這篇關(guān)于uniapp實(shí)現(xiàn)tabBar-switchTab之間的傳參的文章就介紹到這了,更多相關(guān)uniapp tabBar-switchTab傳參內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論