微信小程序中如何携带参数跳转到tabBar页面-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序中如何携带参数跳转到tabBar页面。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种

微信小程序中如何携带参数跳转到tabBar页面

但是使用第一种方法时,会因为这种方法在路径后不能携带参数,所以行不通

微信小程序中如何携带参数跳转到tabBar页面

那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx.setStorage将想要的参数存到内存中去 , 在下个页面中直接用wx.getStroge去内存中取出

 getInfo(){
    let that = this;
    wx.request({
      url: this.data.baseURL+'/user/info?token='+this.data.token,
      success (res) {
        that.setData({
            info:userinfo
        })
        wx.setStorage({
          data: res.data.data.id,
          key: 'id',
        })
        wx.setStorage({
          data: res.data.data.name,
          key: 'name',
        })
        wx.setStorage({
          data: res.data.data.avatar,
          key: 'avatar',
        })
        // 用了tabBar之后,不能用wx.navigateTo
        wx.reLaunch({
          url:'../user/user?userinfo='+that.data.info
        })
      }
    })
  },

取出的方法也放在这里

微信小程序中如何携带参数跳转到tabBar页面

let that = this;
    wx.getStorage({
      key: 'id',
      success:function(r){
        console.log(r.data)
        that.setData({
          id:r.data,
        })
      }
    })

这样就能把数据存放到该页面的data:{}中对应的属性里 , 至于这里为什么要用that，关于this指向问题，读者可以自行搜索学习。文章来源地址https://www.toymoban.com/news/detail-507700.html

到了这里，关于微信小程序中如何携带参数跳转到tabBar页面的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！