欢迎光临,了解微信小程序开发,就上易用通!

微信小程序跳转tabBar携带参数怎么办?

发布:2018-04-25 10:56浏览: 来源:网络 作者:cola

微信小程序的导航跳转分为navigateTo(保留当前页,跳转到应用内的其他页面,跳转非tabBar页面,可带参数,但是这里有个小坑,后面说), 
navigateBack(关闭当前页面,返回上一页面或多级页面), 
redirectTo(关闭当前页面,跳转到应用内的某个页面,跳转非tabBar页面,可带参数), 
reLaunch(关闭所有页面,打开到应用内的某个页面,可带参数), 
switchTab(跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面, 不可带参数),

说到这里就是今天主题了,如果我们想跳转到tabBar页面并且想携带参数在怎么办?

话不多说上代码

 

				
  1. //search.js
  2.  
  3. var app = getApp();
  4.  
  5. Page({
  6.  
  7.    search:function(e){
  8.  
  9.   //获取数据,添加到全局
  10.  
  11.   let val = e.detail.value;
  12.  
  13.   app.searchWord = val;
  14.  
  15. },
  16.  
  17. linkTo:function(){
  18.  
  19.   //跳转tabBar
  20.  
  21.   wx.switchTab({
  22.  
  23.    url:'../index/index',
  24.  
  25. })
  26.  
  27. }
  28.  
  29. });
  30. 然后在index页面用的时候写在onShow函数里,上代码
  31.  
  32. //index.js
  33.  
  34. va app = getApp();
  35.  
  36. Page({
  37.  
  38.  onShow:function(e){
  39.  
  40.  //获取全局数据
  41.  
  42.  let val = app.searchWord;
  43.  
  44. console.log(val);
  45.  
  46. }
  47.  
  48. });

上面提到了一个navigateTo的一个坑,小程序规定小程序的页面深度最大为5,一个页面中的navigateTo不要写超过4个 !!!






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。