微信小程序-switchTab 带参解决方法

Posted 清梦徐徐丶莫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序-switchTab 带参解决方法相关的知识,希望对你有一定的参考价值。

问题:
在做微信小程序的时候,可能出现跳转到tab页传参的场景,但是微信小程序文档中写了。switchTab不能带参跳转,那么这种情况可以怎么操作呢?
技术图片

解决:

方法一:
wx.setStorageSync(‘xxx‘,xxxxxx)
思路就是通过storage来缓存数据,跳转到tab页之后再获取storage,并清除数据,这样就可以实现了。

方法二:
通过设置app.js中的globalData中的值来解决switchTab带参数跳转的问题

```
//app.js
 globalData: {
    switchId: ‘‘ // 参数
 },

// other.js (tab页面)

const app = getApp()
onShow: function () {
this.setData({
switchId: app.globalData.switchId
})
},

//此时就可以判断switchId进行其他操作了。
```










以上是关于微信小程序-switchTab 带参解决方法的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序wx.switchTab()调用失败的原因?

微信小程序 路由介绍

微信小程序入门到实战

小程序中如何实现页面跳转

12.小程序 之切换到tabBar页面不刷新问题

微信小程序点击按钮重新加载页面