微信小程序的導(dǎo)航跳轉(zhuǎn)分為navigateTo(保留當(dāng)前頁,跳轉(zhuǎn)到應(yīng)用內(nèi)的其他頁面,跳轉(zhuǎn)非tabBar頁面,可帶參數(shù),但是這里有個(gè)小坑,后面說),
navigateBack(關(guān)閉當(dāng)前頁面,返回上一頁面或多級(jí)頁面),
redirectTo(關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面,跳轉(zhuǎn)非tabBar頁面,可帶參數(shù)),
reLaunch(關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個(gè)頁面,可帶參數(shù)),
switchTab(跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面, 不可帶參數(shù)),
說到這里就是今天主題了,如果我們想跳轉(zhuǎn)到tabBar頁面并且想攜帶參數(shù)在怎么辦?
話不多說上代碼
-
//search.js
-
-
var app = getApp();
-
-
Page({
-
-
search:function(e){
-
-
//獲取數(shù)據(jù),添加到全局
-
-
let val = e.detail.value;
-
-
app.searchWord = val;
-
-
},
-
-
linkTo:function(){
-
-
//跳轉(zhuǎn)tabBar
-
-
wx.switchTab({
-
-
url:'../index/index',
-
-
})
-
-
}
-
-
});
-
然后在index頁面用的時(shí)候?qū)懺趏nShow函數(shù)里,上代碼
-
-
//index.js
-
-
va app = getApp();
-
-
Page({
-
-
onShow:function(e){
-
-
//獲取全局?jǐn)?shù)據(jù)
-
-
let val = app.searchWord;
-
-
console.log(val);
-
-
}
-
-
});
上面提到了一個(gè)navigateTo的一個(gè)坑,小程序規(guī)定小程序的頁面深度最大為5,一個(gè)頁面中的navigateTo不要寫超過4個(gè) !!!
|