微信小程序跳转tabBar携带参数怎么办? - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

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

发表时间:2021-3-31

发布人:葵宇科技

浏览次数:92

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

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

话不多说上代码

  1. //search.js
  2. var app = getApp();
  3. Page({
  4.    search:function(e){
  5.   //获取数据,添加到全局
  6.   let val = e.detail.value;
  7.   app.searchWord = val;
  8. },
  9. linkTo:function(){
  10.   //跳转tabBar
  11.   wx.switchTab({
  12.    url:'../index/index',
  13. })
  14. }
  15. });
  16. 然后在index页面用的时候写在onShow函数里,上代码
  17. //index.js
  18. va app = getApp();
  19. Page({
  20.  onShow:function(e){
  21.  //获取全局数据
  22.  let val = app.searchWord;
  23. console.log(val);
  24. }
  25. });

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


相关案例查看更多