真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

怎么在vue中利用sessionStorage實(shí)現(xiàn)一個(gè)記住密碼功能

今天就跟大家聊聊有關(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)效果

怎么在vue中利用sessionStorage實(shí)現(xiàn)一個(gè)記住密碼功能

 頁(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è)資訊頻道,感謝大家的支持。


分享標(biāo)題:怎么在vue中利用sessionStorage實(shí)現(xiàn)一個(gè)記住密碼功能
分享路徑:http://weahome.cn/article/ijohso.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部