小程序如何携带参数到Tabber页面呢？wx.switchTab无法传递参数给tabber页面

最新推荐文章于 2025-05-01 18:29:10 发布
原创 最新推荐文章于 2025-05-01 18:29:10 发布 · 759 阅读 · 1 ·
CC 4.0 BY-SA版权
不许偷代码哦，一键三连以后我的代码就是你的代码！！！
文章标签：

#小程序 #前端

博客主要围绕小程序展开，介绍了跳转到Tabber页面及携带参数到该页面的方法。指出wx.switchTab可跳转但不能传参，wx.reLaunch可擦边完成传参需求，还强调url路径要写绝对路径，否则会报错。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如何跳转到tabber页面？

wx.switchTab可以跳转到tabber页面，但是呢他不允许给tabber传递参数，导致我们有些功能呢实现不了。
在这里插入图片描述

如何携带参数到Tabber页面呢？

这时候就有一个方法，可以擦边的完成这个需求wx.reLaunch
功能描述
关闭所有页面，打开到应用内的某个页面

在这里插入图片描述

注意点啊！！！重点

正确写法

 wx.reLaunch({ url: '../../pages/home/home?txId=' + txid })

错误写法

 wx.reLaunch({ url: '/pages/home/home?txId=' + txid })

url的路径不能写相对路径，就是在app.json里配置的路径不能这样写，这样写会导致你找不到这个页面，从而出现报错的问题，必须写绝对路径，找到这个文件的位置 (代码包路径)

【微信小程序】常见问题-解决tabBar不能传参的问题
墨夶的博客
11-26 710
tabBar微信小程序支持自定义tabBar，你可以通过自定义组件来实现tabBar的跳转逻辑，并在跳转时传递参数。通过上述方法，你可以有效地解决微信小程序中tabBar页面跳转不能传递参数的问题。选择哪种方法取决于你的具体需求和应用场景。希望这些方法能帮助你更好地管理页面跳转逻辑，提升用户体验。
【小技巧】解决微信小程序switchTab后tab不刷新
qunbook-设计与数据的介乎额
05-20 1579
【原因】如果tab之前已经打开，再跳转到tab页是不走任何生命周期的。 【解决】所以只能获取当前打开的所有页，再找到最后的那个页面即时当前显示的页面，跳转成功的那个页面。 再调用onShow方法强制刷新！ 【代码片段】 wx.switchTab({ url: '../index/index', success: function (e) { var page = getCurrentPages().pop(); if (page == undefined || ...
微信小程序：switchTab跳转不能携带参数
weixin_47282274的博客
07-14 1182
微信小程序：switchTab跳转不能携带参数 switchTab跳转是不能直接携带参数的，需要声明一个全局变量 const app = getApp(); app.globalData.workType = value; // value是你要存的那个值 wx.switchTab({ url: path }); 到跳转的页面取 async onShow() { app.globalData.value// 原生微信小程序这样写 app.wepy.wepy.wepy.options.globalData.
uniapp switchtab 如何传参并接收参数
深漂小码哥
05-01 1494
在跳转前存储数据： 在目标页面获取数据： 在跳转前存储数据： 在目标页面获取数据： 在 中定义全局变量： 跳转前设置参数： 目标页面获取参数：
小程序：switchTab跳转如果携带参数
qq_25103439的博客
06-24 4790
switchTab跳转是不能直接携带参数的，需要声明一个全局变量 const app = getApp(); app.globalData.workType = v; uni.switchTab({ url: path }); 到跳转的页面取 async onShow() { getApp().globalData.workType }
wx.switchTab怎么跳转带值？
hjj_flowers的博客
07-17 1200
问题：使用wx.switchTab跳转页面时，路径后面不能携带参数，那么我们怎么来携带参数呢? 思路：可以在跳转之前设置一个全局变量用作标识，到跳转目的页面去获取这个全局变量的值来实现效果。 解决： 首先在app.js中设置全局变量 globalData: { currentShow:null }, 注意在其它不是app.js的文件中使用全局变量得先申明app变量： var app = getApp() 其次在实现跳转操作的（A页面）地方，改变全局变量： clicktrainNum:function(e)
小程序关于switchTab不能传参的问题，想自学前端的速来
03-21 2612
小编的一位同事在校期间连续三年参加ACM-ICPC竞赛。从参赛开始，原计划每天刷一道算法题，实际上每天有时候不止一题，一年最终完成了 600+：凭借三年刷题经验，他在校招中很快拿到了各大公司的offer。入职前，他把他的刷题经验总结成1121页PDF书籍，作为礼物赠送给他的学弟学妹，希望同学们都能在最短时间内掌握校招常见的算法及解题思路。整本书，我仔细看了一遍，作者非常细心地将常见核心算法题和汇总题拆分为4个章节。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
小程序页面初步搭建（含tabber）.zip
06-23
在本文中，我们将深入探讨如何使用微信小程序进行页面初步搭建，特别是涉及到顶部背景与文字、搜索框以及底部分类tabbar的实现。小程序作为轻量级的应用形式，深受开发者和用户喜爱，其前端开发主要依赖于WXML（微信...
wx小程序自定义tabbar
我是小鹏呀的博客
06-04 572
3.在utils添加tab-service.js(通过接口请求，去判断显示那个tabbar)1.在app.json文件中，添加自定义tabbar配置："custom": true。4.在tabbar对应界面添加。我的页面中的index.js。首页中的index.js。
微信小程序官方动态自定义底部tabBar的例子
10-16
本文将详细介绍微信小程序官方提供的动态自定义底部tabBar的实现方法，并通过实例代码，给出详细的操作步骤和代码解析。 首先，要实现动态自定义tabBar，需要在小程序的全局配置文件`app.json`中启用tabBar的自定义...
微信小程序底部自定义导航栏
qq_47557101的博客
09-12 982
微信小程序要求自定义导航栏实现未登录时显示三个标签，登陆后显示五个标签。
（转）微信小程序wx.switchTab传参解决办法
CaseyWei
04-19 2064
今天遇到一个功能，从其他页面（暂定为b.wxml页）跳转到首页（actList.wxml），需要传一个参数，从而判断显示的内容 在b.js中我是这样写的 按照上面写的在actList.js里得不到数据; 然后我去查看了下官方文档. 由此可见，switch是不能添加参数的。 可以换一种思路，跳转页面的时候传参，是为了有个标识，是为了下一个页面更方便的展示信息。我们可以在swit...
微信小程序switchTab传参以及接收参数
热门推荐
Ghjkku的博客
07-23 13万+
我们可以在switch跳转之前设置一个全局变量，到下一个页面的时候，直接去获取全局变量。index.js保存参数先。contact.js获取参数。这样的传参方式是不行的。
小程序switchTab之间传参
挚友阳光的博客
12-29 1700
小程序switchTab之间传参
解决微信小程序switchtab无法传参问题
qq_44853234的博客
01-22 798
微信小程序的官方文档wx.switchTab是不可以带参数的,但是某些时候跳转到tabbar页面需要携带,我们可以在跳转事件中,向storage中添加一个事件,然后在tabbar的onShow中判断是否缓存中有这个值来赋值. 在跳转事件中: this.saveData(KEYS.PAGE_OBJ, '1'); 在tabbar的onShow中 if (that.getDataS(KEYS.PAGE_OBJ) == 1) { that.currentIndexTab = 0; that.delDat
微信小程序wx.switchTab传参问题
weixin_30621711的博客
03-14 360
　　业务背景：从提问跳到列表需要刷新，以显示刚提交的数据。 　　但是官方文档 wx.switchTab 明确指明路径后是不能带参数的，怎么办？ 　　网上有很多解决方案是：switchTab成功跳转后调用success回调，此时可以拿到跳转后页面的page对象，从而调用页面onLoad方法重载页面。比如： wx.switchTab({ url: '../index/in...
wx.switchTab不可以带参数
qq_35161675的博客
05-15 9750
小程序wx.switchTab跳转是不可以带参数的。。。呜呜呜不过，绕个弯也是可以解决的。跳转的时候在全局变量里设置一个变量activeIndex,调到mine.js中后.调取全局变量里的activeIndex,用完后,再把这个变量清除掉app.jsmine.jslesson.js...
微信小程序：wx.switchTab传值和跳转
Janson_Lin
09-14 5241
微信小程序有多种页面跳转以及传值方式。 官方给出了navigateTo / redirectTo / switchTab / navigateBack / reLaunch ，这五种方式，其中navigateTo这个我有一篇博文中有讲到。我们今天就讲讲这个switchTab，剩下几个，后面在进行讲解。 我们还是按照惯例，查看官方的文档，这里提到，跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面，也就是使用了其他方式跳转的页面会被关闭，直接打开tabBar 页面，这里还有一个坑就是
小程序关于switchTab不能传参的问题
江一铭
08-08 2565
对于下面链接博客的补充 微信小程序：errMsg“:“navigateTo:fail can not navigateTo a tabbar page 报错问题 链接: https://blog.csdn.net/ZiChen_Jiang/article/details/107867061. 上篇博客说道想要跳转到tabbar，把wx.navigateTo更改为wx.switchTab即可。但是又有一个bug就是wx.switchTab不能传参 以下是解决办法： wxml <van-grid
uni-app中微信小程序的自定义tabBer怎么写？
最新发布
07-22
我们参考上述引用内容，总结uni-app中实现微信小程序自定义tabBar的关键步骤： 1. 在pages.json中配置tabBar时设置"custom": true（仅针对微信小程序平台，可以用条件编译） 2. 创建自定义tabBar组件（通常是一个...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值