vue本地缓存localStorage将多次添加的表单数据存为数组格式

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

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

以上是 vue本地缓存localStorage将多次添加的表单数据存为数组格式 的全部内容， 来源链接： utcz.com/z/375813.html

回到顶部