1. 程式人生 > >VUE跳轉和登入驗證儲存問題

VUE跳轉和登入驗證儲存問題

1、跳轉

sumitlogin:function () {
    if(this.accesscode==='access'){
        localStorage.userid=this.userid;
        this.URL =this.userid;
        window.location.href = 'kq3.html'
     }
     else {
         this.passerr="AccessCode Err";
     }
}

2、本地驗證資料儲存
直接設定localStorage跟值

localStorage.userid
=this.userid;

清除:

localStorage.clear();

3、方式二(有些瀏覽器div層遮蔽不支援)

sessionStorage.setItem('key', val);
sessionStorage.getItem('key');
sessionStorage.removeItem('key');

4、解決方案:
login.html

   <div @click="naveTO">DIV跳轉</div><br/>

methods: {
     naveTO:function(){//頁面跳轉
     console.log("DIV跳轉"
); this.tmp = sessionStorage.getItem('userid'); localStorage.userid= '877'; localStorage.username='TT'; window.location.href = 'main.html' }

main.html

<DIV>
userid:{{userid}}<br/>
username:{{username}}
</DIV>

 mounted:function(){
            alert("m"+sessionStorage.getItem('userid'
)); if((sessionStorage.getItem('userid')==='') || (sessionStorage.getItem('userid')==='null') || (sessionStorage.getItem('userid')===null)|| (sessionStorage.getItem('userid')==='undefined')|| (sessionStorage.userid ===undefined)){ alert("o1:"+localStorage.userid); //檢查localStorage if((localStorage.userid ==='') || (localStorage.userid ==='null') || (localStorage.userid ===null) || (localStorage.userid ==='undefined')|| (localStorage.userid ===undefined)){ alert("跳轉:"); window.location.href = 'index.htm'; }else{ alert("賦值:"); sessionStorage.setItem('userid',localStorage.userid); sessionStorage.setItem('username',localStorage.username); localStorage.clear(); } } alert("o4:"); this.userid = sessionStorage.getItem('userid'); this.username =sessionStorage.getItem('username'); },