Vue+element+cookie记住密码功能的简单实现方法

 

     
      
       
      
      

      
       
      
      

      
       
        
         
        
        
         
        
       
      
      
       记住密码
      
      
       登录
      
     
    

// 登录
submitForm(formName) {
 this.$refs[formName].validate((valid) => {
  if (valid) {
   let username=this.ValidateForm.username;
   let pwd=this.ValidateForm.password;
   let sidentify=this.ValidateForm.sidentify;
   // 验证码通过
   if (sidentify == this.identifyCode){
    this.request.post(this.api.login.logindo,{username:username,pwd:pwd}).then((res)=>{
     console.log(res);
     if (res.data.code == 200){
      this.$message({
       message : '登录成功！',
       type : 'success'
      })
      //调用check选中方法
      this.checkedPwd(username,pwd)
      this.$router.push({name:'Home'})
     }else {
      this.$message({
       message : '账号或密码错误，请重新输入！',
       type : 'error'
      })
      //清空
      this.resetForm('ValidateForm')
      //刷新验证码
      this.$refs.switchSidentify.changeCode()
     }
    })
   }else {
    this.$message({
     message : '验证码输入错误，请重新输入！',
     type : 'error'
    })
    this.$refs.switchSidentify.changeCode()
    this.resetForm('ValidateForm')
   }
  } else {
   return false;
  }
 });
},

checkedPwd(username,pwd){
 // 记住密码进行COOKIE存储和密码加密
 if (this.checked){
  // base64 加密
  let base64Pwd=Base64.encode(pwd);
  // Encrypt 加密
  let cryptoJsPwd=CryptoJS.AES.encrypt(base64Pwd,key).toString()
  // 账号密码保存天数
  this.setCOOKIE(username,cryptoJsPwd,7)
 }else{
  // 清空
  this.clearCOOKIE()
 }
},

// 设置COOKIE
setCOOKIE(c_name, c_pwd, exdays) {
 var exdate = new Date(); // 获取时间
 exdate.setTime(exdate.getTime() + 24 * 60 * 60 * 1000 * exdays); // 保存的天数
 // 字符串拼接COOKIE
 window.document.COOKIE = "username" + "=" + c_name + ";path=/;expires=" + exdate.toGMTString();
 window.document.COOKIE = "password" + "=" + c_pwd + ";path=/;expires=" + exdate.toGMTString();
},
// 读取COOKIE
getCOOKIE: function() {
 if (document.COOKIE.length > 0) {
  //checked为true
  this.checked=true
  var arr = document.COOKIE.split('; ');
  for (var i = 0; i 

created () {
 this.getCOOKIE()
},