当前位置: 首页 > news >正文

el-table,新增、复制数据后,之前的勾选状态丢失

需要考虑是否为 更新数据的方式不对

如果新增数据的方式是直接替换原数据数组,而不是通过正确的响应式数据更新方式(如使用 Vue 的 this.$set 等方法 ),也可能导致勾选状态丢失。
因为 Vue 依赖数据的响应式变化来准确更新视图和状态,非响应式的数据更新方式可能使组件无法正确追踪勾选状态 。 例如直接使用 this.tableData = newData (newData 为包含新增数据的数组 )来更新数据,而不是使用 this.tableData.push(…newData) 等能触发响应式更新的方式,就可能引发问题。

// this.list = this.list.concat(data) //* 改造前
      this.list.splice(this.list.length, 0, ...data) //* 改造后

在这里插入图片描述

http://www.dtcms.com/a/116664.html

相关文章:

  • 【深度学习】【目标检测】【Ultralytics-YOLO系列】YOLOV3源码整体结构解析
  • 系统与网络安全------Windows系统安全(11)
  • 【笔记】VS中C#类库项目引用另一个类库项目的方法
  • coze生成流程图和思维导图工作流
  • 【C#知识点详解】Dictionary<TKey,TValue>储存结构详解
  • 初阶数据结构(3)顺序表
  • Electron使用WebAssembly实现CRC-32 STM32校验
  • 爱普生高精度车规晶振助力激光雷达自动驾驶
  • Python基础知识点(函数2)
  • 自用记录 | AI辅助 在线画图工具 使用Mermaid语法(流程图 ER图)
  • 【Kafka基础】Kafka 2.8以下版本的安装与配置指南:传统ZooKeeper依赖版详解
  • 如何拿到iframe中嵌入的游戏数据
  • 2023年蓝桥杯第十四届CC++大学B组真题及代码
  • Linux内核设计——(二)进程调度
  • CMake实战指南一:add_custom_command
  • 手撕算法——宽度优先搜索-BFS
  • Shell脚本编程之正则表达式
  • JS DOM节点增删改查
  • Spring事务传播机制
  • 算法(动态规划)
  • elasticsearch索引数据备份与恢复
  • Python基于OpenCV和SVM实现中文车牌识别系统GUI界面
  • 【STL 之速通pair vector list stack queue set map 】
  • Linux系统学习Day04 阻塞特性,文件状态及文件夹查询
  • LeetCode 416、606题解(中等dp、回溯)
  • FPGA_DDR(一) 仿真
  • continew-admin的报错问题
  • HTTPS在信息传输时使用的混合加密机制,以及共享、公开密钥加密的介绍。
  • Java Flow 编程:异步数据流介绍
  • 学习日记-0407(Inductive Matrix Completion Using Graph Autoencoder)