国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

vue中使用sessionStorage記住密碼功能

2019-11-19 13:25:51
字體:
來源:轉載
供稿:網友

sessionStorage和localStorage比較

二者區別

sessionStorage用于本地存儲一個會話(session)中的數據,這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。

localStorage用于持久化的本地存儲,除非主動刪除數據,否則數據是永遠不會過期的。

localStorage和sessionStorage操作

localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等

記住密碼功能

實現效果

 頁面

<el-form> <div class="rightLoginContent">    <div class="passWordMain">      <input type="text" placeholder="用戶名" v-model="inpUser" id="inpUser" @change="checkusername" autofocus>      <i class="ico iconfont icon-xingmingyonghumingnicheng"></i>    </div>    <div class="passWordMain marginbottom10">      <input type="password" placeholder="密碼" id="passwordUser" v-model="passwordUser" @change="checkusername" @keyup.enter="loginFun">       <i class="ico iconfont icon-loginmima"></i>      <div class="prompt" v-show="msgifshow">{{errormsg}}       <i class="ico iconfont icon-cuowu"></i>      </div>    </div>    <div class="rememberPwd">     <input type="checkbox" id="rememberPwd" v-model="pwdChecked" @change="savePwd">      記住密碼    </div>    <div class="loginBtn stopbuttonLogin" v-show="showlogins">登錄</div>    <div class="loginBtn" @click="loginFun" v-show="showlogines">登錄</div>  </div> </el-form>

方法

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;    }   }

總結

以上所述是小編給大家介紹的vue中使用sessionStorage記住密碼功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 门头沟区| 武夷山市| 常山县| 航空| 寿宁县| 永丰县| 延吉市| 建平县| 元谋县| 舒兰市| 象州县| 峨眉山市| 海伦市| 方山县| 九台市| 古浪县| 海门市| 女性| 东安县| 长垣县| 怀安县| 高碑店市| 来安县| 弥渡县| 休宁县| 德化县| 合山市| 平塘县| 昌吉市| 澎湖县| 静海县| 丰台区| 屏东县| 廉江市| 高要市| 桃园县| 长乐市| 九寨沟县| 永靖县| 潞西市| 白朗县|