微信小程序之普通页面跳转到tabBar页面

「爱情、让人受尽委屈。」 2023-10-09 22:34 48阅读 0赞

*  前言

最近在做一个投稿小程序，主要功能是作者可以在微信小程序登录，注册，然后登陆进入主页面，可以投递稿件以及浏览自己已投递的稿件，和个人中心等主要功能，做的比较简单，因为本人对于小程序是一个初学者。

*  遇到的问题  
    登录页面不是tabBar页面，只是一个普通页面，而我想通过登录之后可以跳转到tabBar首页，图一怎么跳转到图二呢?

![在这里插入图片描述][4cda4b417c734cabb3eda37a42d27ffd.png]图一  
![在这里插入图片描述][fe3b61c3e862462e9029ced089651713.png]  
图二

*  解决思路  
    查看官方文档，可以通过微信小程序提供的api  
    wx.reLaunch()![在这里插入图片描述][efbe9c1f6a374863ad049b9dceb7eb65.png]  
    这种方式不仅可以从非tabBar页面跳转到非tabBar页面，还可以携带参数

登录部分js代码：

doLogin(){
        
        let username = this.data.username;
        let password = this.data.password;
        if(username == '' || password == ''){
        
          wx.showToast({
        
            title: '登录失败',
            icon: 'error'
          })
          return;
        }
        wx.request({
        
          url: 'http://localhost:8082/onlineSubmit/system/login',
          method: 'POST',
          header: {
        
            "content-type":"application/x-www-form-urlencoded"
          },
          data: {
        
            username: username,
            password: password,
            type: this.data.type
          },
          success:(res)=>{
        
            console.log(res.data);
            if(res.data.type == 'error'){
        
              wx.showToast({
        
                title: '用户不存在！',
                icon:'error'
              })
            }else{
        
              // 登录成功后，设置全局变量-username
              const app = getApp();
              app.globalData.username = username
              wx.reLaunch({
        
                url: '/pages/index/index?username='+username,
              })
            }
          },
          fail: (error) => {
        
            //console.log('请求失败：', error);
          }
        })
      }

[4cda4b417c734cabb3eda37a42d27ffd.png]: https://img-blog.csdnimg.cn/4cda4b417c734cabb3eda37a42d27ffd.png
[fe3b61c3e862462e9029ced089651713.png]: https://img-blog.csdnimg.cn/fe3b61c3e862462e9029ced089651713.png
[efbe9c1f6a374863ad049b9dceb7eb65.png]: https://img-blog.csdnimg.cn/efbe9c1f6a374863ad049b9dceb7eb65.png