当前位置:   article > 正文

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

微信小程序跳转tabbar页面

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

在这里插入图片描述

 

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


在这里插入图片描述

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

  1.  getInfo(){
  2.     let that = this;
  3.     wx.request({
  4.       url: this.data.baseURL+'/user/info?token='+this.data.token,
  5.       success (res) {
  6.         that.setData({
  7.             info:userinfo
  8.         })
  9.         wx.setStorage({
  10.           data: res.data.data.id,
  11.           key: 'id',
  12.         })
  13.         wx.setStorage({
  14.           data: res.data.data.name,
  15.           key: 'name',
  16.         })
  17.         wx.setStorage({
  18.           data: res.data.data.avatar,
  19.           key: 'avatar',
  20.         })
  21.         // 用了tabBar之后,不能用wx.navigateTo
  22.         wx.reLaunch({
  23.           url:'../user/user?userinfo='+that.data.info
  24.         })
  25.       }
  26.     })
  27.   },


取出的方法也放在这里

在这里插入图片描述

 

  1. let that = this;
  2.     wx.getStorage({
  3.       key: 'id',
  4.       success:function(r){
  5.         console.log(r.data)
  6.         that.setData({
  7.           id:r.data,
  8.         })
  9.       }
  10.     })


这样就能把数据存放到该页面的data:{}中对应的属性里 , 至于这里为什么要用that,关于this指向问题,读者可以自行搜索学习。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/93970?site
推荐阅读