文章目录
localStorage、sessionStorage本地存取Object 对象 - 代码篇
打印截图:
一、 localStorage 实例:
1.1. 重要代码 · 片段如下:
/* 例如:将动态对象 WWObj 存入本地 */
//···中间代码省略···
WWObj = [obj.id, obj.fanyi, obj.babaId, obj.fanyiName, obj.babaName];
console.log(WWObj [4]);
//···中间代码省略···
localStorage.setItem('WWObj',JSON.stringify(WWObj));//存入对象
var obb = JSON.parse(localStorage.getItem("WWObj"));//读取对象
console.log(typeof(obb));//打印结果:object对象
console.log(obb);
//···中间代码省略···
二、sessionStorage 实例:
2.1. 重要代码 · 片段如下:
//存入sessionStorage
sessionStorage.setItem("allowed",JSON.stringify(allowedmk));
//取出 sessionStorage
var alw_type = JSON.parse(sessionStorage.getItem("allowed"));
console.log(typeof(alw_type)) //console.log结果:Boolean
附件:
案例说明:Login.vue 部分代码
//套接字 msg
async msg (res){
// 开启API对接:string转换obj
res = (new Function("return " + res))();//第三种
// console.log(res)
// console.log(typeof(res))
var typemk = '';
var allowedmk;
switch (res.code){
case 200:
allowedmk = true;// session写入允许权限>>
break;
case 101:
allowedmk = false;
break;
case 103:
allowedmk = false;
break;
default:
allowedmk = true;
}
sessionStorage.setItem("allowed",JSON.stringify(allowedmk));
Notify({ type: res.error, message: res.msg });
switch (allowedmk){
case true:
this.$router.push('/home');
break;
case false:
// this.$router.push('/login'); //跳转到登录界面
break;
}
}
//结束
},
自留地:项目参考:node+vue+socket [GP信息推送小程序]
2.2. 截图 · 后端通信 · 返回的数据:
如下截图所示,后端返回的是一条String类型的数据。
因此需要用上面的代码进行格式转化:将String转为Object处理就比较方便了。
相关文章:
以上就是关于“localstorage本地存取Object 对象 - 代码篇 ” 的全部内容。