首页 > 其他分享> 文章详细

local storage

2019-10-25 22:55:14 阅读：248 来源： 互联网

标签：存储 localstorge storage tempData addForm JSON localStorage local

今天碰到个需求， input框输入，中途点击按钮跳到其他页面关联然后跳回继续填写。

如实例图：

使用vue框架，没有使用组件的keep-alive，使用了localstorge临时存储。

思路如下：

1、点击button的时候，把input表格的内容存储到localstorge，

2、然后在回来的时候，在created函数执行读取localstorge内容。

3、最后在提交的时候，清空localstorge

   //存储localStorage 。因为addForm是对象类型。
    localStorage.setItem("tempData",JSON.stringify( this.addForm));
    // 获取localStorage的数据
    JSON.parse(localStorage.getItem("tempData"));
    //将获取的数据赋值给addForm  Object.assign(this.addForm, JSON.parse(localStorage.getItem("tempData")))
    //删除localStorage数据
    localStorage.removeItem("tempData")

其中知识点：

Object.assign(目标数据, 源数据， 源数据)

2、localStorage存储数组与对象一致

3、localStorage 存储字符串直接存、读

上述方法，如果有更好的，或者做的不对的，麻烦大家告知。

标签：存储,localstorge,storage,tempData,addForm,JSON,localStorage,local
来源： https://www.cnblogs.com/0520euv/p/11741254.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

local storage