本篇文章基于vue
基本思路:用户输入后,把内容保存在localStorage中,用户提交得时候清除刚刚保存得数据
看似很简单,不就是用户输入一条保存一条吗?输入完再取吗?
localStorage.setItem("name",this.name)//存
this.name = localStorage.getItem("name")//取
当然,数据少得时候这样得话我不觉得有问题,但是如果数据多,那么这种方法肯定是不可取得。
改良下:要保存的数据直接传键和值给函数,让函数帮你保存。而且所有的用户输入的数据,用一个键叫local的对象保存
setLocal(keys,value){
// 保存在local里面
this.local=JSON.parse(localStorage.getItem('local'))
if(!this.local){
this.local={}
}
this.local[keys]=value
let local=JSON.stringify(this.local)
localStorage.setItem("local",local)
},
取的话这个可以用for…in…