微信小程式簡單的登入頁面的跳轉
阿新 • • 發佈:2018-12-31
首先設定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(){
// 頁面關閉
}
})