微信小程序跳转tabBar页面switchTab携带参数的几种方式

微信小程序

微信小程序有个比较特殊的页面模式，就是tabBar页面（不管你是否使用自定义tabBar组件），在这里的页面，首次加载后在小程序生命周期里就一直会存在。
不像其他页面会自动「销毁」。

app.json里的tabBar字段里定义的page都属于tabBar页面

同时tabBar的页面只能用wx.switchTab方式来跳转，跟wx.navigateTo跳转页面不一样，不能在跳转时直接携带参数。
所以初写微信小程序的老铁想携带参数跳转tabBar页面会不知所措。下面就分享几个方法来曲线救国的实现switchTab携带参数跳转吧。
1、使用「全局变量」
可以在app.js里定义globalData这一类的全局变量来做携带参数用。比如在app.js定义个

1.         globalData: {
   
2.                         tempOptions:{}
   
3.                 }
   

复制代码

使用的时候待跳转的页面里switchTab前设置下这个变量的值，用这个值当做跳转参数

1. getApp().globalData.tempOptions = {XXX};
   
2. wx.switchTab({xxx});

复制代码

然后在跳转的目标页面里面的onShow里面获取这个临时变量的值进行处理，并重置这个临时变量值为空。

1. let options = getApp().globalData.tempOptions;
   
2. getApp().globalData.tempOptions={};

复制代码

2、使用微信小程序自带的storage
原理跟全局变量一样。用一个临时的storage来临时传参。这里要用到

1. wx.getStorageSync和wx.getStorageSync

复制代码

示例，设置参数：

1. wx.setStorageSync("options",{aaa:111,bbb:222};

复制代码

获取参数

1. wx.getStorageSync("options");

复制代码