[记录]vue登录记住用户名和密码

datadata(){return{userName:'',passWord:'',checked:false,}},watchchecked(val){val?this.setCookie():this.clearCookie();}mountedthis.getCookie();methods/*设置cookie参数：用户名-密码-过期天数*/setCookie(username=this.userName,password=this.passWord,num=7){consttime=newDate();time.setTime(time.getTime()+(24*60*60*1000*num));//window.btoa对用户名和密码进行编码，这样cookie就不会以明文显示window.document.cookie=`userName=${window.btoa(username)};路径=/;过期=${time.toGMTString()}`;window.document.cookie=`passWord=${window.btoa(密码)};路径=/;过期=${time.toGMTString()}`;window.document.cookie=`checked=${true};路径=/;expires=${time.toGMTString()}`;},/*读取cookie*/getCookie(){const{cookie}=document;如果（cookie。长度>0){constcookieNo=cookie.split(";");for(constiincookieNo){constcookieYes=cookieNo[i].split("=");//去除文本空间格式cookieYes.forEach((item,index)=>cookieYes[index]=item.replace(/\s+/g,''));switch(cookieYes[0]){case'userName':this.userName=window.atob(cookieYes[1]);休息;case'passWord':this.passWord=window.atob(cookieYes[1]);休息;case'checked':this.checked=JSON.parse(cookieYes[1]);休息;}}}},/*清除cookie*/clearCookie(){this.setCookie("","",-1);},