最近在研發vue的前后端分離項目，特抽取一段vue中判斷是否點擊記住我的代碼片段以供參考：

//201在后端返回來是登陸成功if (res.data.code === 201) {//判斷是否需要記住密碼if (that.loginData.remember) {//localstorage主要是用來作為本地存儲來使用的，解決了cookie存儲空間不足的問題,可以在瀏覽器的application的loacl storge查看到該鍵值對// dad01f09d4e541c5afadab77ca0d8efe此token為postgre的login_user表中的數據的每一個用戶的tokenlocalStorage.setItem("token", res.data.data.token);localStorage.setItem("username",that.loginData.username);} else {//否則只在當前會話中保存sessionStorage.setItem("token",res.data.data.token);sessionStorage.setItem("username",that.loginData.username);}//使用 this.$router.push(location) 來修改 url，完成跳轉that.$router.push("/index");}

測試：可以在瀏覽器的開發者模式下查看是否保存成功：

總結

以上是生活随笔為你收集整理的js利用localStorage和sessionStorage完成记住我功能的全部內容，希望文章能夠幫你解決所遇到的問題。

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