微信小程序的导航跳转分为navigateTo(保留当前页,跳转到应用内的其他页面,跳转非tabBar页面,可带参数,但是这里有个小坑,后面说),
navigateBack(关闭当前页面,返回上一页面或多级页面),
redirectTo(关闭当前页面,跳转到应用内的某个页面,跳转非tabBar页面,可带参数),
reLaunch(关闭所有页面,打开到应用内的某个页面,可带参数),
switchTab(跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面, 不可带参数),
说到这里就是今天主题了,如果我们想跳转到tabBar页面并且想携带参数在怎么办?
话不多说上代码
-
//search.js
-
-
var app = getApp();
-
-
Page({
-
-
search:function(e){
-
-
//获取数据,添加到全局
-
-
let val = e.detail.value;
-
-
app.searchWord = val;
-
-
},
-
-
linkTo:function(){
-
-
//跳转tabBar
-
-
wx.switchTab({
-
-
url:'../index/index',
-
-
})
-
-
}
-
-
});
-
然后在index页面用的时候写在onShow函数里,上代码
-
-
//index.js
-
-
va app = getApp();
-
-
Page({
-
-
onShow:function(e){
-
-
//获取全局数据
-
-
let val = app.searchWord;
-
-
console.log(val);
-
-
}
-
-
});
上面提到了一个navigateTo的一个坑,小程序规定小程序的页面深度最大为5,一个页面中的navigateTo不要写超过4个 !!!
|