1. 程式人生 > >微信小程式簡單的登入頁面的跳轉

微信小程式簡單的登入頁面的跳轉

首先設定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(){
// 頁面關閉
}
})