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

  • 前言

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

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

在这里插入图片描述图一
在这里插入图片描述
图二

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

登录部分js代码:文章来源地址https://uudwc.com/A/Nx6vv

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);
      }
    })
  }

原文地址:https://blog.csdn.net/qq_40187702/article/details/130568647

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

上一篇 2023年09月25日 09:56
下一篇 2023年09月25日 10:00