记住密码
小程序登录界面记住密码功能主要是缓存保存在Storage中
.wxml
<view class="loginInput">
<input class="weui-input" name="loginName" bindinput="loginUser" value="{{strloginUser}}" style="color:#ffffff;" placeholder-style="color: #f4f4f4; " placeholder="请输入登录账号" />
</view>
<view class="loginInput" >
<input class="weui-input" name="loginPwd" bindinput="loginpassword" value="{{strloginpassword}}" password style="color:#ffffff;" placeholder-style="color: #f4f4f4; " placeholder="请输入登录密码" />
</view>
<view class="{{RemberPass}}" style="width:30%;text-align:left;margin-left:40rpx;float:left;font-size:13px;margin-top:10rpx;">
<switch type="checkbox" checked="{{switchChecked}}" bindswitcheck="switchChecked" bindchange="bindswitchchange" style="transform:scale(0.8)"/>记住密码
</view>
<!--登录-->
<view class="loginBtn">
<image src="../../Images/loginBtn.png" style="height:160rpx; " formType="submit" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo" bindtap="LoginForm" loading="{{loading}}"></image>
</view>
.js
data:{
strloginUser:'',//登录用户名
strloginpassword:'',//用户密码
checkedValue:'',//选中按钮
}
//获取用户名
loginUser(e) {
this.setData({
strloginUser: e.detail.value
})
},
//获取密码
loginpassword(e) {
this.setData({
strloginpassword: e.detail.value
})
},
//加载缓存的密码
onLoad: function (options) {
var _this = this;
_this.setData({
strloginUser: wx.getStorageSync("strloginUser"),
strloginpassword: wx.getStorageSync("strloginpassword"),
switchChecked:wx.getStorageSync('checkedValue')
})
},
//判断是否要记住密码
bindswitchchange: function (event) {
//得到值
var checkedValue = event.detail.value;
// console.log(checkedValue);
var _this = this;
if (checkedValue == true){
_this.setData({
switchChecked:true,
})
console.log(checkedValue);
} else if (checkedValue == false) {
_this.setData({
switchChecked: false
})
}
},
//登录缓存密码
LoginForm: function (e) { //登录加载效果
var that = this;
var checkedValue = that.data.switchChecked;
console.log(checkedValue);
//如果记住密码则向微信缓存写入账号密码
//如果不记住密码则清空微信缓存存在的账号密码
if (checkedValue == true) {
wx.setStorageSync("strloginUser",that.data.strloginUser);
wx.setStorageSync("strloginpassword",that.data.strloginpassword);
wx.setStorageSync("checkedValue", that.data.switchChecked);
} else if (checkedValue == false) {
wx.setStorageSync("strloginUser","");
wx.setStorageSync("strloginpassword","");
}
},