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值就可以拿到数组