微信小程序:wx.switchTab传值和跳转

微信小程序有多种页面跳转以及传值方式。

官方给出了navigateTo / redirectTo / switchTab / navigateBack / reLaunch ,这五种方式,其中navigateTo这个我有一篇博文中有讲到。我们今天就讲讲这个switchTab,剩下几个,后面在进行讲解。

我们还是按照惯例,查看官方的文档,这里提到,跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面,也就是使用了其他方式跳转的页面会被关闭,直接打开tabBar 页面,这里还有一个坑就是路径后面不能带参数,等下我们着重解决这个传值问题。

方式一:全局参数(推荐)

在app.js中定义全局参数

globalData: {
    userInfo: null,
    categoryInfo:{
      categoryId:'',
      categoryName:''
    }
  }

在调用的页面

var categoryInfo = getApp().globalData.categoryInfo;

//赋值
categoryInfo.categoryId = categoryId;
categoryInfo.categoryName = categoryName;

跳转的页面

 that.setData({
    categoryId : categoryInfo.categoryId,
    category : categoryInfo.categoryName
})

方式二:本地数据缓存方式(不推荐)

wx.setStorage(同步缓存)
wx.setStorageSync(异步缓存)

这里不推荐这种方式的原因是缓存数据可能会出现问题。 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值