uniapp實現(xiàn)tabBar-switchTab之間的傳參方法
一、需求:
tabbar之間跳轉(zhuǎn)頁面時,需要傳遞一個參數(shù)。
官方文檔明確說明: 跳轉(zhuǎn)tabBar欄的頁面只能使用 uni.switchTab 并且url 路徑后面不能傳遞參數(shù)。
二、解決方法:
方法1:setStorageSync(本地緩存)
//index.vue 頁
onclick () { 存起來,在另一個頁面中獲取. uni.setStorageSync('myIndex', value); uni.switchTab({ url:'/pages/user/user' }) }
//user.vue 頁(在onShow中從本地緩存中獲取出來,進(jìn)行相關(guān)操作)
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會有緩存機(jī)制此時再次進(jìn)入頁面onLoad不會執(zhí)行)
onShow(){ this.info.name = this.$name//賦值取得參數(shù) }
此時this.info.name 就是name.vue頁面?zhèn)鬟f過來的參數(shù)
到此這篇關(guān)于uniapp實現(xiàn)tabBar-switchTab之間的傳參的文章就介紹到這了,更多相關(guān)uniapp tabBar-switchTab傳參內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript使用正則表達(dá)式獲取全部分組內(nèi)容的方法示例
這篇文章主要介紹了JavaScript使用正則表達(dá)式獲取全部分組內(nèi)容的方法,結(jié)合實例形式分析了javascript正則匹配的相關(guān)操作技巧,需要的朋友可以參考下2017-01-01關(guān)于Stream和Buffer的相互轉(zhuǎn)換詳解
這篇文章主要給大家介紹了關(guān)于Stream和Buffer相互轉(zhuǎn)換的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-07-07JavaScript Object的extend是一個常用的功能
對Object的extend是一個常用的功能。舉一個例子,由于javascript 沒有重載(overload),而且函數(shù)的參數(shù)類型是沒有定義的,所以很多時候我們都傳入一個對象來作為參數(shù)已方便控制。2009-12-12JS實現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景實例分析
這篇文章主要介紹了JS實現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景,結(jié)合實例形式分析了javascript實現(xiàn)圖片轉(zhuǎn)換成base64的各種應(yīng)用場景的相關(guān)操作技巧與使用注意事項,需要的朋友可以參考下2018-06-06vscode錄音及語音實時轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件附踩坑日記!
以目前的vscode版本來說,作者并沒有開放訪問本地媒體權(quán)限,所以插件市場里面的所有語音相關(guān)插件也并沒有直接獲取vscode的媒體權(quán)限,這篇文章主要介紹了vscode錄音及語音實時轉(zhuǎn)寫插件開發(fā)并在工作區(qū)生成本地mp3文件?踩坑日記!,需要的朋友可以參考下2023-05-05