1.設(shè)置表單相關(guān)的值
2.js寫入
cookies相關(guān)函數(shù)設(shè)置
//設(shè)置cookie
????setCookie(c_name,?c_pwd,?exdays)?{
??????var?exdate?=?new?Date();?//獲取時間
??????exdate.setTime(exdate.getTime()?+?24?*?60?*?60?*?1000?*?exdays);?//保存的天數(shù)
??????//字符串拼接cookie
??????window.document.cookie?=?"userName"?+?"="?+?c_name?+?";path=/;expires="?+?exdate.toGMTString();
??????window.document.cookie?=?"userPwd"?+?"="?+?c_pwd?+?";path=/;expires="?+?exdate.toGMTString();
????},
????//讀取cookie
????getCookie:?function()?{
??????if?(document.cookie.length?>?0)?{
????????var?arr?=?document.cookie.split(';?');?//這里顯示的格式需要切割一下自己可輸出看下
????????for?(var?i?=?0;?i?<?arr.length;?i++)?{
??????????var?arr2?=?arr[i].split('=');?//再次切割
??????????//判斷查找相對應(yīng)的值
??????????if?(arr2[0]?==?'userName')?{
????????????this.username?=?arr2[1];?//保存到保存數(shù)據(jù)的地方
??????????}?else?if?(arr2[0]?==?'userPwd')?{
????????????this.password?=?arr2[1];
??????????}
????????}
??????}
????},
????//清除cookie
????clearCookie:?function()?{
??????this.setCookie("",?"",?-1);?//修改2值都為空，天數(shù)為負1天就好了
????}
3.調(diào)用
mounted()?{
????this.getCookie();
??},
??methods:?{
????async?handleLogin()?{
??????let?data?=?await?User.Login({
????????username:?this.username,
????????password:?this.password,
??????});
??????console.log(?"data:",?data?);
??????if?(?data?&&?data.status?==?1?){
????????this.$router.push({
??????????path:?"/home",
??????????query:?{?username:?this.username?},
????????});
????????if?(?this.checked?==?true?)?{
??????????console.log(?"checked?==?true"?);
??????????//傳入賬號名，密碼，和保存天數(shù)3個參數(shù)
??????????this.setCookie(this.username,?this.password,?7);
????????}else?{
??????????console.log("清空Cookie");
??????????//清空Cookie
??????????this.clearCookie();
????????}
??????}?else?{
????????this.$message.error({
??????????message:?'賬號密碼錯誤！請重新輸入',
??????????center:?true
????????});
????????this.username?=?'',
????????this.password?=?'',
????????this.checked?=?false
??????}
????},
