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

首先设置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
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值