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

最新推荐文章于 2024-10-15 16:35:18 发布

原创最新推荐文章于 2024-10-15 16:35:18 发布 · 7.6k 阅读

6 ·

CC 4.0 BY-SA版权

微信小程序专栏收录该内容

21 篇文章

订阅专栏

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