微信小程序简单的登录页面的跳转

首先设置tapbar
在APP.js里面设置相关数据
用户的信息;

 loginBtnClick:function(){
    app.globalData.userInfo={username:this.data.username}
   wx.navigateTo({
     url: '../user/user',
     success: function(res){
       // success
     },
     fail: function(res) {
       // fail
     },
     complete: function(res) {
       // complete
     }
   })

  }

login页面需要绑定数据;

用户名

    

绑定登录事件;

 loginBtnClick:function(){
    app.globalData.userInfo={username:this.data.username}
   wx.navigateTo({
     url: '../user/user'

   })

  }

显示用户 信息的user页
user.js
wx.redirectTo({url:”../login/login”})
var app=getApp();
Page({
data:{
dataUser:”asaaaa”
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.setData({dataUser:app.globalData.userInfo.username})
},
onReady:function(){
// 页面渲染完成
},
onShow:function(){
// 页面显示
},
onHide:function(){
// 页面隐藏
},
onUnload:function(){
// 页面关闭
}
})

你可能感兴趣的:(微信,学习)