登录页面实现记住我功能

实现思路：

1. 完成选择框的双向绑定 得到一个true或者false的选中状态
2. 如果当前为true，点击登录时，表示要记住，把当前的用户名和密码存入本地
3. 组件初始化的时候，从本地取账号和密码，把账号密码存入用来双向绑定的form身上
4. 如果当前用户没有记住，状态为false，点击登录的时候要把之前的数据清空

代码如下： 

// vue页面内容如下
    
        
          
        

        
          
        

        
          记住我
        

        
          登录
        
      

// vue页面的js内容如下
  created() {
    const login_form = localStorage.getItem('form_key')
    if (login_form) {
      const { username, password } = JSON.parse(login_form)
      this.loginForm.username = username
      this.loginForm.password = password
    }
  },
  methods: {
    loginBtn () {
      this.$refs.form.validate(async (flag) => {
        if (!flag) return
        try {
          // 判断是否选择记住我
          if (this.rememberMe) {
            localStorage.setItem('form_key', JSON.stringify(this.loginForm))
          } else {
            localStorage.removeItem('form_key')
          }
          this.$router.push('/')
        } catch (err) {
          this.$message.error(err.response.data.msg)
        }
      })
    }
  }