【uni-app2.0】实现登录页记住密码功能

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

1. 在登录页中添加一个记住密码的u-checkbox选项，并在data里面添加一个rememberPwd的布尔值，在每次点击记住密码change的时候来记录用户的选择
   

	<u-checkbox-group placement="column">
	  <u-checkbox
	    v-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;
	  },
	}

2. 在点击登录按钮执行的事件中，使用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");
	}
	// 再进行跳转等动作

3. 在登录页的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;
    }
  },