欧美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過(guò)來(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)文章

  • 復(fù)制本貼標(biāo)題和地址的js代碼

    復(fù)制本貼標(biāo)題和地址的js代碼

    復(fù)制本貼標(biāo)題和地址,發(fā)給QQ|Msn上的好友的代碼,方便利用用戶宣傳的js
    2008-07-07
  • JavaScript使用正則表達(dá)式獲取全部分組內(nèi)容的方法示例

    JavaScript使用正則表達(dá)式獲取全部分組內(nèi)容的方法示例

    這篇文章主要介紹了JavaScript使用正則表達(dá)式獲取全部分組內(nèi)容的方法,結(jié)合實(shí)例形式分析了javascript正則匹配的相關(guān)操作技巧,需要的朋友可以參考下
    2017-01-01
  • JS的拖拽屬性draggable詳解

    JS的拖拽屬性draggable詳解

    這篇文章主要介紹了JS的拖拽屬性draggable詳解,本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-04-04
  • 關(guān)于Stream和Buffer的相互轉(zhuǎn)換詳解

    關(guān)于Stream和Buffer的相互轉(zhuǎn)換詳解

    這篇文章主要給大家介紹了關(guān)于Stream和Buffer相互轉(zhuǎn)換的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-07-07
  • JavaScript Object的extend是一個(gè)常用的功能

    JavaScript Object的extend是一個(gè)常用的功能

    對(duì)Object的extend是一個(gè)常用的功能。舉一個(gè)例子,由于javascript 沒有重載(overload),而且函數(shù)的參數(shù)類型是沒有定義的,所以很多時(shí)候我們都傳入一個(gè)對(duì)象來(lái)作為參數(shù)已方便控制。
    2009-12-12
  • JS實(shí)現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場(chǎng)景實(shí)例分析

    JS實(shí)現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場(chǎng)景實(shí)例分析

    這篇文章主要介紹了JS實(shí)現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場(chǎng)景,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場(chǎng)景的相關(guān)操作技巧與使用注意事項(xiàng),需要的朋友可以參考下
    2018-06-06
  • 微信小程序下拉菜單效果的實(shí)例代碼

    微信小程序下拉菜單效果的實(shí)例代碼

    這篇文章主要介紹了微信小程序下拉菜單效果的實(shí)例代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-05-05
  • js控制網(wǎng)頁(yè)前進(jìn)和后退的方法

    js控制網(wǎng)頁(yè)前進(jìn)和后退的方法

    這篇文章主要介紹了js控制網(wǎng)頁(yè)前進(jìn)和后退的方法,涉及javascript中history.go方法的相關(guān)使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2015-06-06
  • 禁止IE用右鍵的JS代碼

    禁止IE用右鍵的JS代碼

    這篇文章主要介紹了禁止IE用右鍵的JS代碼,有需要的朋友可以參考一下
    2013-12-12
  • vscode錄音及語(yǔ)音實(shí)時(shí)轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記!

    vscode錄音及語(yǔ)音實(shí)時(shí)轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記!

    以目前的vscode版本來(lái)說(shuō),作者并沒有開放訪問(wèn)本地媒體權(quán)限,所以插件市場(chǎng)里面的所有語(yǔ)音相關(guān)插件也并沒有直接獲取vscode的媒體權(quán)限,這篇文章主要介紹了vscode錄音及語(yǔ)音實(shí)時(shí)轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件?踩坑日記!,需要的朋友可以參考下
    2023-05-05

最新評(píng)論