vue实现记住密码功能

vue实现记住密码功能

 <a-checkbox @change="onChange" :checked="checked"> 记住密码</a-checkbox>
 //默认checked为false
 //methods
 onChange() {
      this.checked = !this.checked
    },
 //登录成功后  value为用户输入的账号密码
  loginSuccess( value) {
      let val = JSON.stringify(value)
      //check为true表示勾选记住密码 把用户信息存入本地
      if (this.checked) {
        window.localStorage.setItem('rememberInfo', val)
      } else {
      //false 移除用户信息
        window.localStorage.removeItem('rememberInfo')
      }
  }
  //created  判断obj能否拿到在上面登录成功后存入的用户信息 如果有值 赋值给登录表单key
   let obj = JSON.parse(window.localStorage.getItem('rememberInfo'))
    if (obj != null) {
      if (obj.password && obj.username) {
        this.username = obj.username
        this.password = obj.password
        this.checked = true
      }
    }