VUE跳轉和登入驗證儲存問題
阿新 • • 發佈:2019-01-05
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');
},