今天就跟大家聊聊有關(guān)怎么在vue中利用sessionStorage實(shí)現(xiàn)一個(gè)記住密碼功能,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
在平泉等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作定制網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站制作,平泉網(wǎng)站建設(shè)費(fèi)用合理。
sessionStorage和localStorage比較
二者區(qū)別
sessionStorage用于本地存儲(chǔ)一個(gè)會(huì)話(session)中的數(shù)據(jù),這些數(shù)據(jù)只有在同一個(gè)會(huì)話中的頁(yè)面才能訪問并且當(dāng)會(huì)話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲(chǔ),僅僅是會(huì)話級(jí)別的存儲(chǔ)。
localStorage用于持久化的本地存儲(chǔ),除非主動(dòng)刪除數(shù)據(jù),否則數(shù)據(jù)是永遠(yuǎn)不會(huì)過期的。
localStorage和sessionStorage操作
localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等
記住密碼功能
實(shí)現(xiàn)效果
頁(yè)面
{{errormsg}}記住密碼登錄登錄
方法
methods:{ savePwd:function(){ var checkboxStatus=this.pwdChecked; var inpUser=document.getElementById("inpUser").value; var passwordUser=document.getElementById("passwordUser").value; if(checkboxStatus==true){ sessionStorage.setItem(inpUser,passwordUser); } else{ sessionStorage.removeItem(inpUser); } }, checkusername:function(){ var inpUser=document.getElementById("inpUser").value; var passwordUser=document.getElementById("passwordUser").value; /*console.log("inpUser",inpUser);*/ //從sessionstory中取值 var sessionipUser=sessionStorage.getItem(inpUser); if(""!=sessionipUser && sessionipUser !=null){ this.passwordUser=sessionipUser; } if(inpUser=='' || inpUser==null){ this.showlogins=true; this.showlogines=false; }else if(passwordUser==''|| passwordUser==null){ this.showlogins=true; this.showlogines=false; } else{ this.showlogins=false; this.showlogines=true; this.buttnLogin=true; } }
看完上述內(nèi)容,你們對(duì)怎么在vue中利用sessionStorage實(shí)現(xiàn)一個(gè)記住密碼功能有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。