当前位置: 首页 > Web前端 > vue.js

Base和vue框架登陆页自动登录功能

时间:2023-03-31 16:57:15 vue.js

html自动登录忘记密码

代码内容:exportdefault{name:'login',data(){return{form:{userName:'',//accountpassWord:''//password}}},mounted(){this.account();//获取cookie的方法},methods:{onSubmit(){if(this.autoSub==true){//保存cookiethis.setCookie(this.form.userName,this.form.passWord,7);//保存7天}else{this.clearCookie();}//在此请求登录},//修改用户名后重置密码并自动登录changeUserName(val){this.form.passWord='';this.autoSub=false},//从cookie账户获取密码信息(){if(this.getCookie("username")){this.form.userName=this.getCookie("username");this.form.passWord=this.getCookie("密码");this.autoSub=true}else{this.autoSub=false}},//存储cookiesetCookie(c_name,c_pwd,exdate){//账号、密码、过期天数varexdate=newDate();exdate.setTime(exdate.getTime()+24*60*60*1000*exdate);//保存天数document.cookie="username="+c_name+";path=/;expires="+exdate.toLocaleString();document.cookie="password="+c_pwd+";path=/;expires="+exdate.toLocaleString();},//获取cookiegetCookie(name){让arr=document.cookie.split(";");for(leti=0;i