微信小程序switchTab带参解决方法
问题: 做小程序时有需求, 要跳转tab页的时候带参数跳过去, 但是微信小程序文档里写的switchTab不能带参, 所以应该如何操作?
文档
解决:
思路就是通过storage来缓存数据, 跳转到指定页后获取storage, 并清除数据, 这样就可以了
需要注意的是, 跳转可能发生在指定页面已经onLoad的情况下, 所以可以把获取参数的逻辑写在生命周期函数onShow里
跳转代码:
toQuestion: function (e) {
wx.setStorageSync('subject', e.currentTarget.dataset.type)
wx.switchTab ({
url: '/pages/exec/exec'
})
}获取参数代码:
onShow: function () {
try {
const result = wx.getStorageSync('subject')
if (result) {
// 处理相关操作
// .......
// 清除数据, 可以异步清除
wx.removeStorage({
key: 'subject',
success: (result) => {},
fail: () => {},
complete: () => {}
})
}
} catch (error) {
}
}本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
相关产品与服务
云开发 CloudBase
云开发（Tencent CloudBase，TCB）是腾讯云提供的云原生一体化开发环境和工具平台，为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务，可用于云端一体化开发多种端应用（小程序、公众号、Web 应用等），避免了应用开发过程中繁琐的服务器搭建及运维，开发者可以专注于业务逻辑的实现，开发门槛更低，效率更高。