【uni-app2.0】实现登录页记住密码功能,太平洋女性星座网（uni-app 登录）

文件名：【uni-app2.0】实现登录页记住密码功能,太平洋女性星座网 【uni-app2.0】实现登录页记住密码功能

使用uni-app的uni.setStorageSync()和uni.getStorageSync()方法来存储和读取密码

在登录页中添加一个记住密码的u-checkbox选项，并在data里面添加一个rememberPwd的布尔值，在每次点击记住密码change的时候来记录用户的选择 <u-checkbox-group placement="column"><u-checkboxv-model="rememberPwd"@change="rememberChange":checked="rememberPwd"label="记住密码"name="yes"></u-checkbox></u-checkbox-group> data() {return {loginForm: {username: "",password: "",},rememberPwd: false,};},methods: {rememberChange(i) {this.rememberPwd = i;},} 在点击登录按钮执行的事件中，使用uni.setStorageSync()方法将【用户名、密码、记住密码】存储在本地缓存中 // 登录逻辑后if (this.rememberPwd) {uni.setStorageSync("HBremember", this.rememberPwd);uni.setStorageSync("HBusername", this.loginForm.username);uni.setStorageSync("HBpassword", this.loginForm.password);} else {// 销毁缓存中的账号、密码uni.removeStorageSync("HBremember");uni.removeStorageSync("HBusername");uni.removeStorageSync("HBpassword");}// 再进行跳转等动作 在登录页的onLoad事件中，使用uni.getStorageSync()方法检查本地缓存中是否存储了rememberPwd的值，如果存储了，则将它赋值给rememberPwd的属性，再取和赋值用户名和密码 onLoad() {//取出缓存中的账号、密码const HBremember = uni.getStorageSync("HBremember");const HBusername = uni.getStorageSync("HBusername");const HBpassword = uni.getStorageSync("HBpassword");if (HBremember && HBusername && HBpassword) {this.loginForm.username = HBusername;this.loginForm.password = HBpassword;this.rememberPwd = HBremember;}},