Vue localStorage 将数据存为数组
Vue localStorage 将数据存为数组
要把表单数据存成数组形式,在另一个页面通过v-for渲染展示,因为拥有同一个key值,在每次更新表单数据时都会发生数据覆盖现象。
var templist = JSON.parse(localStorage.getItem("msgBody") || "[]");
templist.push(this.msgBody);
localStorage.setItem("msgBody", JSON.stringify(templist));
大概思路就是先取再存,先把上次存入的一组数据取出来,将本次新增的的表单数据放入,再存。
this.msgBody是我放当前表单各项数值的地方。"msgBody"是key的名字这个随意取
取得时候
var items = JSON.parse(localStorage.getItem("msgBody"));
利用key值就可以拿到数组