前端登錄頁如何做記住密碼
在一般的項目中，我們需要在登錄頁面點擊登錄時記住密碼，比較方便下次登錄時快速登錄，這個時候我們需要在點擊登錄時判斷記住密碼是否為選中狀態，如果是選中狀態把用戶名和輸入框的值存入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;}

?

總結

以上是生活随笔為你收集整理的前端登录页做个简单记住密码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。