微信小程序跳轉tabBar攜帶參數怎麽辦?
發表時(shí)間:2021-3-31
發布人(rén):融晨科技
浏覽次數:119
微信小程序的(de)導航跳轉分爲(wéi / wèi)navigateTo(保留當前頁,跳轉到(dào)應用内的(de)其他(tā)頁面,跳轉非tabBar頁面,可帶參數,但是(shì)這(zhè)裏有個(gè)小坑,後面說(shuō)),
navigateBack(關閉當前頁面,返回上(shàng)一頁面或多級頁面),
redirectTo(關閉當前頁面,跳轉到(dào)應用内的(de)某個(gè)頁面,跳轉非tabBar頁面,可帶參數),
reLaunch(關閉所有頁面,打開到(dào)應用内的(de)某個(gè)頁面,可帶參數),
switchTab(跳轉到(dào) tabBar 頁面,并關閉其他(tā)所有非 tabBar 頁面, 不(bù)可帶參數),
說(shuō)到(dào)這(zhè)裏就(jiù)是(shì)今天主題了(le/liǎo),如果我們想跳轉到(dào)tabBar頁面并且想攜帶參數在(zài)怎麽辦?
話不(bù)多說(shuō)上(shàng)代碼
//search.js
var app = getApp();
Page({
search:function(e){
//獲取數據,添加到(dào)全局
let val = e.detail.value;
app.searchWord = val;
},
linkTo:function(){
//跳轉tabBar
wx.switchTab({
url:'../index/index',
})
}
});
然後在(zài)index頁面用的(de)時(shí)候寫在(zài)onShow函數裏,上(shàng)代碼
//index.js
va app = getApp();
Page({
onShow:function(e){
//獲取全局數據
let val = app.searchWord;
console.log(val);
}
});
上(shàng)面提到(dào)了(le/liǎo)一個(gè)navigateTo的(de)一個(gè)坑,小程序規定小程序的(de)頁面深度最大(dà)爲(wéi / wèi)5,一個(gè)頁面中的(de)navigateTo不(bù)要(yào / yāo)寫超過4個(gè) !!!