258资源分享网

微信小程序的导航跳转分为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个 !!!