前端登录页做个简单记住密码

前端登录页如何做记住密码

在一般的项目中，我们需要在登录页面点击登录时记住密码，比较方便下次登录时快速登录，这个时候我们需要在点击登录时判断记住密码是否为选中状态，如果是选中状态把用户名和输入框的值存入localStorage，如果未选中则清除存入的值。

//记住密码if (this.checked) {localStorage.setItem("username", this.username);localStorage.setItem("password", this.password);} else {localStorage.removeItem("username");localStorage.removeItem("password");}

在登录页面的created时获取localStorage的值，如果存在，直接给用户名、密码赋值，然后修改记住密码的按钮状态

this.username = localStorage.getItem("username");this.password = localStorage.getItem("password");// 判断是否记住密码if (typeof this.username == "string") {this.checked = true;} else {this.checked = false;}