一、需求:
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中從本地緩存中獲取出來,進行相關(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會有緩存機制此時再次進入頁面onLoad不會執(zhí)行)文章來源:http://www.zghlxwxcb.cn/news/detail-809844.html
onShow(){
this.info.name = this.$name//賦值取得參數(shù)
}
此時this.info.name 就是name.vue頁面?zhèn)鬟f過來的參數(shù)文章來源地址http://www.zghlxwxcb.cn/news/detail-809844.html
到了這里,關(guān)于uniapp 實現(xiàn)tabBar-switchTab之間的傳參的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!