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

来源：互联网发布：在国内使用io域名编辑：程序博客网时间：2024/05/07 09:10

首先设置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页面需要绑定数据；

用户名

    <view class="login-item">        <view class="login-item-info">密码</view>        <view><input type="password" bindinput="password" /></view>    </view>

绑定登录事件；

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(){
// 页面关闭
}
})

1 0