vue项目用cookie实现登录页面记住密码性能
发布时间：2022-04-20 09:13:30 所属栏目：语言 来源：互联网
导读：我们在做前端项目开发时，往往会遇到登录页面记住密码的需求。那么我们在vue登录页面要如何来实现这样的功能？本文就教大家vue登录页面用cookie实现记住七天密码的功能。感兴趣的朋友继续往下看吧。 代码粘贴 el-form ref=form :model=form label-width=80px
|
我们在做前端项目开发时，往往会遇到登录页面记住密码的需求。那么我们在vue登录页面要如何来实现这样的功能？本文就教大家vue登录页面用cookie实现记住七天密码的功能。感兴趣的朋友继续往下看吧。 代码粘贴 <el-form ref="form" :model="form" label-width="80px" label-position="top" @submit.native.prevent > <el-form-item label="用户名/账号"> <div class="userError"> <el-input size="mini" v-model.trim="form.userName" clearable ></el-input> </div> </el-form-item> <el-form-item label="密码"> <div class="pwdError"> <el-input size="mini" v-model.trim="form.loginPwd" clearable show-password ></el-input> </div> </el-form-item> <el-checkbox label="记住账号" v-model="isRemember"></el-checkbox> <el-button native-type="submit" size="mini" @click="loginPage" >登录</el-button > </el-form> js部分 export default { name: "login", data() { return { form: { userName: '', loginPwd: '', else{ const self = this; // 第4步，若复选框被勾选了，就调用设置cookie方法，把当前的用户名和密码和过期时间存到cookie中 if (self.isRemember === true) { // 传入账号名，密码，和保存天数（过期时间）3个参数 // 1/24/60 测试可用一分钟测试，这样看着会比较明显 self.setCookie(this.form.userName, this.form.loginPwd, 1/24/60); // self.setCookie(this.form.userName, this.form.loginPwd, 7); // 这样就是7天过期时间 （编辑：常州站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
