微信小程序uni.switchTab传参获取不到；小程序跳转到tabBar页并传参；uni-app微信小程序获取tabBar页面参数失败；uni-app微信小程序tabBar页面onLoad不执行

需求场景：从非tabBar页面B跳转到tabBar页面A，并想要携带参数。 如果使用uni.switchTab传参，会导致tabBAE页面获取不到参数；
原因： 官方文档有说，uni.switchTab路径后不能带参数；

uni.navigateTo是可以传参，但是跳转到 tabBar 页面只能使用 switchTab 跳转（不完全对）；
实测：到导航栏tabBar页也可以用reLaunch还可以携带参数，且一定会触发onLoad和onShow（因为reLaunch既关闭了所有页面也可以跳转到任意页面）；但不建议使用，因为reLaunch关闭所有页面，会导致你再次点击另外一个tabBar导航栏C页时候，也会再次触发C页的onLoad

解决方案：

跳转页面依旧使用uni.switchTab，参数使用uni.setStorageSync存到缓存内，跳转到tabBar后仅会触发onShow，此时在onShow内获取uni.getStorageSync缓存参数；

或者使用reLaunch传参跳转，会触发导航栏页的onLoad和onShow

注意点：只有五种情况会触发导航栏tabBar页的onLoad函数，分别是：
–1.1：首次进入到导航栏tabBar页面；
–1.2：从微信分享进入的导航栏tabBar页面；
–1.3：识别二维码跳转到小程序的导航栏tabBar页面；
–1.4：使用了uni.reLaunch后销毁了所有其他页面，点击返回首页按钮，到的首页，也会触发首页的onLoad函数；或者直接使用uni.reLaunch到tabBar页，也会触发其onLoad;（因为reLaunch既关闭了所有页面也可以跳转到任意页面,包括跳到tabBar页）
–1.5：重要一点：只要这个tabBar页被销毁了，下次进入到这个tabBar页就会触发其onLoad和onShow（类似1.4触发）

其余从任何页面返回到tabBar页面，都不会触发tabBar页面的onLoad函数，仅仅是触发onshow ；（包括uni.switchTab跳转到tabBar页面，也只是触发onShow）

另：uni.navigateTo跳转无效问题和 onLoad与onShow执行问题

微信小程序uni.switchTab传参获取不到；小程序跳转到tabBar页并传参；uni-app微信小程序获取tabBar页面参数失败；uni-app微信小程序tabBar页面onLoad不执行相关推荐

页面监听，一段时间内不操作网页，就自动跳转到登录页
需求:用户在 5 分钟内没有操作网页,就自动跳转到登录页. 环境:jquery 项目,有公共的 js 文件 . 在所有页面都引用的 js 文件中添加下面代码: //判断用户是否在5分钟内未操作页面,如 ...
微信小程序tabBar导航栏页和其他页执行onLoad与onShow时机；tabBar页获取不到参数问题；navigateTo跳转无效问题；onShow执行两次问题；
1.注意点: 只有五种情况会触发导航栏tabBar页的onLoad函数,分别是: –1.1:首次进入到导航栏tabBar页面: –1.2:从微信分享进入的导航栏tabBar页面: –1.3:识别二维码 ...
uni-app小程序onShow执行两次；微信小程序onShow重复执行原因；导航栏tabBar页的onLoad函数不执行；App.vue页的onShow执行原因；onShow莫名其妙执行
1.只有五种情况会触发导航栏tabBar页的onLoad函数,分别是: –1.1:首次进入到导航栏tabBar页面: –1.2:从微信分享进入的导航栏tabBar页面: –1.3:识别二维码跳转到小程 ...
微信小程序wx.switchTab
[转]关于微信小程序wx.switchTab的问题昨天做了个功能要从首页跳到tabBar页,并且要带上参数.首先我是这样做的: 在index.js中: toCategory:function(eve ...
11-微信小程序商城分类和产品产品页面顶部切换功能（微信小程序商城开发、小程序毕业设计、小程序源代码）（黄菊华-微信小程序开发教程）
产品页面顶部切换功能本节主要讲解产品详细页面中顶部切换界面和功能的实现,效果如图13-9所示. 1.布局分析结构布局分析示意如图13-10所示. 根据上面的布局分析,我们会产生基础的框架,代码示例 ...
电商微信小程序(教你一个页面一个数据接口搞定所有分类订单页面(未支付未发货已发货全部订单))
注:解析主要都在注释里面 1.mysql建表思路 1.1最重要的是状态码,如果之前没有添加字段state,可以通过以下方式 -- 添加字段(规定只能规定为未支付.未发货.已发货) ALTER TAB ...
微信小程序某个页面直接返回首页（微信小程序回退到首页）
微信小程序某个页面直接返回首页(微信小程序回退到首页) 打开小程序后,到三级页面后点击左上角的返回按钮,能够直接返回到首页正常 A -> B -> C 都是通过 wx.navigate ...
[小程序项目] 使用微信开发者工具新闻小项目轮播图新闻列表页点击跳转新闻详情页登录获取用户基本信息
文章目录效果 Gitee 目录结构 app.json 首页 pages/news/news.wxml pages/news/news.wxss pages/news/news.js 配置网络请求 u ...
H5静态页面跳转微信小程序；从外部浏览器，点击H5链接跳转打开微信小程序；以及在微信内直接点击H5链接打开微信小程序；
参考链接需求:从外部浏览器,点击H5链接跳转打开微信小程序:以及在微信内直接点击H5链接打开微信小程序: 步骤1: 小程序开发需要使用云开发创建项目,使用云开发生成的项目会自带云函数文件夹: 步骤2 ...

微信小程序uni.switchTab传参获取不到；小程序跳转到tabBar页并传参；uni-app微信小程序获取tabBar页面参数失败；uni-app微信小程序tabBar页面onLoad不执行

微信小程序uni.switchTab传参获取不到；小程序跳转到tabBar页并传参；uni-app微信小程序获取tabBar页面参数失败；uni-app微信小程序tabBar页面onLoad不执行相关推荐

最新文章

热门文章