VUE,localStorage(本地储存)储存数组对象,取出时产生错误

VUE,localStorage(本地储存)储存数组对象,取出时产生错误

在开发中通过以下代码储存json数组对象时

数据格式:

[{"refId":"1","type":"1"},{"refId":"2","type":"2"},{"refId":"3","type":"3"}]

储存:

localStorage.setItem( "processBR", JSON.stringify(this.$refs["assemblyChildNodeTable"].selectedRows));

在其他页面取出时无法识别,导致通过for取出时,无法识别数组中的单个对象,而是直接当做字符串一个个输出,通过使用eval()转换后,可识别数组中的单个对象,按对象循环遍历,或者使用JSON.parse()转换

let relaAoprod = [];
let packJson = eval("(" + localStorage.getItem("processBR") + ")");
//let packJson = JSON.parse(localStorage.getItem("processBR"));
for (var i in packJson) {
 let prod = {};
 prod.oid = packJson[i].refId; //工艺节点id
 prod.refType = packJson[i].type; // 产品节点类型
 (prod.prodType = this.leftNodeData.type), // 工艺节点的类型
 (prod.relationType = this.relationType), // 关联关系 0-消耗,1-拆除
 (prod.roId = this.leftNodeData.id), // 产品id
  relaAoprod.push(prod);
 }

你可能感兴趣的:(bug,vue,javascript)