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

更新時間：2024年01月20日 12:18:00 作者：小跳不會Coding

這篇文章主要介紹了uniapp實現(xiàn)tabBar-switchTab之間的傳參方式，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

一、需求：

tabbar之間跳轉頁面時，需要傳遞一個參數(shù)。

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

二、解決方法：

方法1：setStorageSync(本地緩存)

//index.vue 頁

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

//user.vue 頁（在onShow中從本地緩存中獲取出來,進行相關操作）

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

方法2：使用全局變量：

main.js 定義全局變量

Vue.prototype.$name = '';

頁面1： name.vue

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

頁面2：index.vue
（注意一定要放在onShow生命周期里面及時更新數(shù)據(jù)，因為tabBar會有緩存機制此時再次進入頁面onLoad不會執(zhí)行）

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

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

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

您可能感興趣的文章:

復制本貼標題和地址的js代碼
復制本貼標題和地址，發(fā)給QQ|Msn上的好友的代碼，方便利用用戶宣傳的js
2008-07-07
JavaScript使用正則表達式獲取全部分組內容的方法示例
這篇文章主要介紹了JavaScript使用正則表達式獲取全部分組內容的方法,結合實例形式分析了javascript正則匹配的相關操作技巧,需要的朋友可以參考下
2017-01-01
JS的拖拽屬性draggable詳解
這篇文章主要介紹了JS的拖拽屬性draggable詳解,本文通過示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-04-04
關于Stream和Buffer的相互轉換詳解
這篇文章主要給大家介紹了關于Stream和Buffer相互轉換的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧。
2017-07-07
JavaScript Object的extend是一個常用的功能
對Object的extend是一個常用的功能。舉一個例子，由于javascript 沒有重載（overload），而且函數(shù)的參數(shù)類型是沒有定義的，所以很多時候我們都傳入一個對象來作為參數(shù)已方便控制。
2009-12-12
JS實現(xiàn)圖片轉換成base64的各種應用場景實例分析
這篇文章主要介紹了JS實現(xiàn)圖片轉換成base64的各種應用場景,結合實例形式分析了javascript實現(xiàn)圖片轉換成base64的各種應用場景的相關操作技巧與使用注意事項,需要的朋友可以參考下
2018-06-06
微信小程序下拉菜單效果的實例代碼
這篇文章主要介紹了微信小程序下拉菜單效果的實例代碼，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-05-05
js控制網(wǎng)頁前進和后退的方法
這篇文章主要介紹了js控制網(wǎng)頁前進和后退的方法,涉及javascript中history.go方法的相關使用技巧,非常簡單實用,需要的朋友可以參考下
2015-06-06
禁止IE用右鍵的JS代碼
這篇文章主要介紹了禁止IE用右鍵的JS代碼，有需要的朋友可以參考一下
2013-12-12
vscode錄音及語音實時轉寫插件開發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記！
以目前的vscode版本來說，作者并沒有開放訪問本地媒體權限，所以插件市場里面的所有語音相關插件也并沒有直接獲取vscode的媒體權限，這篇文章主要介紹了vscode錄音及語音實時轉寫插件開發(fā)并在工作區(qū)生成本地mp3文件?踩坑日記！,需要的朋友可以參考下
2023-05-05