表格数据存本地,实时保存
需求:填写表格时,每填写一个就要保存
将表格数据以json对象的格式存在本地,刷新时在created或者mounted将数据取出,点击保存时将存的数据清除,但是如果不点击保存,直接填写下一个数据,之前填写的数据就会存到这个表上,造成数据错乱
解决方法一:
表格id是唯一的,就将表格id和需要存的数据以json格式存在本地,在created或者mounted将数据取出的时候判断id是否一致(Object.keys().includes()),一致就将数据赋值(一致的话就说明是在本页刷新),不一致就不赋值(不一致说明,已经切换页面)
清除本地数据:在点击保存的时候,id一致就清除,id不一致就不清除
解决方法二:
根据路由判断,监听路由
判断是否是从列表页面跳转来的,
如果是从列表页面跳转来的就删除缓存,
如果不是,则不清除(说明是在当前编辑页进行刷新操作)