小程序模板网

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

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



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/24057.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询