解决小程序tabBar跳转不能带参数问题

最新推荐文章于 2023-03-27 19:58:24 发布
置顶 最新推荐文章于 2023-03-27 19:58:24 发布
阅读量6.9k 收藏 2
点赞数
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songsong189/article/details/68482865
版权

     我们都知道如果说想实现页面间的联动传入参数并且跟数据做交互是必不可少的，但是小程序这里遇到了一个难题就是如果实现tabBar栏之间的跳转的话是不能传入参数的那么我们要如何解决这个问题呢！

     顺便插播一条广告我做的小程序上线了希望大家关注一下下https://minapp.com/miniapp/1552/

    我的办法就是让你的传递参数放到全局中，成为全局变量，然后参数改变的时候就直接改变参数的值就好，这样的话既能够在全局范围内修改他的值也能够在获取他的值！

u013035477
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
专栏目录
微信小程序跳转tabBar携带参数怎么办？
03-29
微信小程序的导航跳转分为navigateTo（保留当前页，跳转到应用内的其他页面，跳转非tabBar页面，可带参数，但是这里有个小坑，后面说），  navigateBack（关闭当前页面，返回上一页面或多级页面），  redirectTo...
微信小程序-解决不能带参数跳转tabBar页面的问题
yupyuping的博客
12-01 1581
问题：在使用uniapp开发小程序应用中使用了 wx.navigateTo 结合 open-type="switchTab" 跳转到 tabBar页面之后 就无法把上个页面的参数传递过来。 提供 解决跳转到tabBar页面传递参数 的两种方法 1.使用wx.reLaunch() 可以进行传参 <view open-type="switchTab" @click="addCart"> 加入购物车 </view> <script> export de...
【微信小程序开发】页面导航与传参
轻舟终过万重山
07-27 765
实现小程序各种页面之间的跳转、页面传递参数供date使用等等
微信小程序跳转tabBar页面传参
cx1361855155的博客
12-13 2388
微信小程序跳转tabBar页面传参
微信小程序中如何携带参数跳转到tabBar页面
first_hands的博客
03-27 2537
那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx.setStorage将想要的参数存到内存中去 , 在下个页面中直接用wx.getStroge去内存中取出。在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种。这样就能把数据存放到该页面的data:{}中对应的属性里 , 至于这里为什么要用that，关于this指向问题，读者可以自行搜索学习。
原生微信小程序跳转传参 : [非TabBar跳转传参] 和 [TabBar跳转传参]
分享互联网的有趣知识~
11-06 1825
跳转TabBar页面，一般使用wx.switchTab跳转，跳转TabBar常规的带参方式是不行的，官方文档已有说明。非TabBar页面的跳转通常使用wx.navigateTo来跳转页面
小程序tab页无法传递参数的方法
01-03
微信小程序tab页面不能传参解决方案: ...小程序navigator组件默认不能跳转到tabbar页面 这个官方文档写了需要设置open-type为reLaunch或者switchTab,通过api跳转的话同上 切换 Tab api:wx.switchTab({}) / wx.re
微信小程序页面传多个参数跳转页面的实现方法
11-30
这里举例跳转两个参数 传递多少个也可以 这里传参数 我写作 data-item data-id 来绑定 同事加了点击事件bindtap 在index.js 在 data 里我写的是假数据 在跳转页面的函数里传e 后面定义的东西根据e来确定 可以在...
解决微信小程序防止无法回到主页的问题
12-10
【小程序】提交订单页面到订单详情页面，如何防止无法回到主页 问题场景： 小程序某个页面完成后，希望跳转到另一个相关页面。...1、使用 wx.reLaunch 可以带参数的特性，跳转到 tabbar 页面，如 wx.reLaunch({ u
微信小程序 空白页重定向解决办法
01-20
微信小程序 空白页重定向解决办法 　在刚开始的时候将小程序的入口文件直接指向tabbar 的首页，此时出现问题：二维码扫描，第一次不关闭首页，第二次进入时；不会经过onLoad过程解析scene参数； 官方中解释：tabbar...
小程序tabBar跳转传值
y_qingcheng的博客
12-28 7730
微信小程序跳转传值大家都知道 是地址后面 ？ 拼接字符串。。。。那么tabbar跳转怎么传值呢----------------------------请看下面+——+—— 1.在utils 文件夹中新建一个 js 文件  例如 ： let ss = 112; export default { ss } 2.在需要用到此变量的 页面 如 home  页面  在 h
小程序页面传值跳转tabBar页面
Fang格子的博客
01-18 7291
wx.switchTab(Object object) 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。不能带参数 wx.navigateTo(Object object) 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。可以带参数，不同参数用&amp;分隔 wx.re...
微信小程序 跳转至tabbar页面
热门推荐
UFO00001的博客
06-01 3万+
微信小程序 跳转至tabbar页面 次级页面要返回tabbar的某一页面，可用： wx.switchTab({ url: '../b/b' }); 注意switchTab只能跳转到带有tab的页面，不能跳转到不带tab的页面 跳转不带tab的页面还是用redirectTo或者navigateTo  故如果post页面没有加入tab选项卡，依然使用redirectTo或者navigateTo wx.
关于小程序tabbar不支持传参的处理办法
fengye002011的博客
09-11 1024
无论是百度小程序还是微信小程序，app.json中规定的tabbar页面是不支持传参的，例如： code腾石建站 <navigatorurl='../service/service?typeid=6'openType="switchTab"> 服务项目 </navigator> 上面的navigater跳转有个属性：openType="swi...
小程序tabBar之间的传参
m0_46088410的博客
11-30 1336
小程序tabBar之间的传参
小程序页面跳tabBar页面传参没有效果用缓存
webZRH的博客
12-10 1293
小程序页面跳tabBar页面传参没有效果用缓存 数组，添加元素push 对象添加元素 obj.name=''张、、“
微信小程序tabBar无法传参问题解决方法
supming1的专栏
12-31 1005
微信小程序底部tabBar一般通过wx.switchTab进行跳转，但该api无法传参，如何解决传参问题？网上查了一下，一般都是通过app.globalData全局变量进行传参的，但这种方法在需要配置公众号菜单跳转到微信小程序且需要带参的情况下的情况，显得不是那么方便。其实还有另一种方法，就是通过wx.reLaunch进行跳转，它也可以跳转到tabBar，且可以传参，当然注意它会关闭其他页面。个人认为wx.reLaunch是比较好的处理方式。 ...
微信小程序 带参数跳转tabbar页面
最新发布
07-13
在微信小程序中，要实现带参数跳转到 TabBar 页面，可以使用 `wx.switchTab` 方法结合 URL 参数传递的方式来实现。下面是一个示例： 假设有一个 TabBar 页面的路径为 `/pages/tabBar/index/index`，并且在该页面中需要接收参数 `id`。 1. 在当前页面中，使用 `wx.switchTab` 方法跳转到 TabBar 页面，并在 URL 中传递参数： ```javascript wx.switchTab({ url: '/pages/tabBar/index/index?id=123', }) ``` 2. 在 TabBar 页面的 `onLoad` 生命周期回调中，获取 URL 参数： ```javascript onLoad: function(options) { // 获取参数 const id = options.id; console.log(id); // 输出: 123 } ``` 通过在 URL 中传递参数，并在目标页面中的生命周期回调中获取参数，可以实现带参数跳转到 TabBar 页面的功能。 请注意，传递的参数在 URL 中是以键值对的形式出现，需要根据实际需求进行修改。另外，目标页面需要正确处理参数的接收和使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值