表格数据存本地,实时保存

需求:填写表格时,每填写一个就要保存

将表格数据以json对象的格式存在本地,刷新时在created或者mounted将数据取出,点击保存时将存的数据清除,但是如果不点击保存,直接填写下一个数据,之前填写的数据就会存到这个表上,造成数据错乱

解决方法一:

表格id是唯一的,就将表格id和需要存的数据以json格式存在本地,在created或者mounted将数据取出的时候判断id是否一致(Object.keys().includes()),一致就将数据赋值(一致的话就说明是在本页刷新),不一致就不赋值(不一致说明,已经切换页面)

清除本地数据:在点击保存的时候,id一致就清除,id不一致就不清除

 解决方法二:

根据路由判断,监听路由 

判断是否是从列表页面跳转来的,

如果是从列表页面跳转来的就删除缓存,

如果不是,则不清除(说明是在当前编辑页进行刷新操作)

记录分页 pinia

1.这个是状态管理,初始值null

2. 点击新增或者编辑的时候把你请求列表的字段路由传参传过去

3.在编辑也返回的时候把这个数据存到状态管理里面 

4.进来列表页的时候在判断状态是否为null

 null就不赋值了 直接请求

5.如果有值就赋值上去请求 请求完清空 防止去别的页面再回来也会记录

   进入详情页的时候也要清空 也是为了防止去别的页面在回来有记录

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-10 05:00:10       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-10 05:00:10       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-10 05:00:10       58 阅读
  4. Python语言-面向对象

    2024-07-10 05:00:10       69 阅读

热门阅读

  1. MongoDB 全文检索

    2024-07-10 05:00:10       23 阅读
  2. threejs

    2024-07-10 05:00:10       24 阅读
  3. python 进阶教程--PIL图像处理

    2024-07-10 05:00:10       26 阅读
  4. CSS 图标:简化设计,优化用户体验

    2024-07-10 05:00:10       29 阅读
  5. C# 中使用模式匹配 备忘

    2024-07-10 05:00:10       26 阅读
  6. 【selenium】元素等待

    2024-07-10 05:00:10       21 阅读
  7. HTMLtable表转C#DataTable

    2024-07-10 05:00:10       33 阅读
  8. WPF设置全局样式

    2024-07-10 05:00:10       26 阅读
  9. AJAX学习笔记上(学习自用)

    2024-07-10 05:00:10       30 阅读
  10. linux之段错误的分析

    2024-07-10 05:00:10       26 阅读
  11. 三级_网络技术_11_路由设计技术基础

    2024-07-10 05:00:10       19 阅读