[JavaScript知识库] elementUI 表格懒加载数据更新不及时，或者需要手动添加数据或者修改数据问题

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> elementUI 表格懒加载数据更新不及时，或者需要手动添加数据或者修改数据问题 -> 正文阅读

[JavaScript知识库]elementUI 表格懒加载数据更新不及时，或者需要手动添加数据或者修改数据问题

elementUI 表格懒加载数据更新不及时，或者需要手动添加数据或者修改数据问题

问题分析

elementUI 表格懒加载数据更新不及时，或者需要手动添加数据或者修改数据问题，如图：
在这里插入图片描述
使用树形表格时，由于elmenetUI官网没有提供表格的最新数据对象获取方法，因此我们无法拿到最新数据，也无法修改数据对象，但是elementUI有一个表格的state属性我们可以直接操作它来达到目的
—》this.$refs.mulTable.store.states.lazyTreeNodeMap,这个对象是子节点的对象数组，其结构如下，725，表示父级的row-key为725
在这里插入图片描述
表格的第一级数据是存放在组件的data属性的

因此，如果要修改第一级的数据，就修改表格组件data属性即可，如果修改子节点，就使用this.$set(this.$refs.mulTable.store.states.lazyTreeNodeMap, index, item);来修改即可

部分代码展示

// 给表格添加一个一级的节点
this.treeTableOptions.data.push(item);

// 在表格插入一个子节点
for (let index = 0; index < list.length; index++) {
  i = index;
   if (Object.prototype.toString.call(list[index]) !== '[object Object]' && !list[index]) {
       console.log('找到位置', index);
       this.$set(this.$refs.treeTable.$refs.mulTable.store.states.lazyTreeNodeMap, index, item);
       return;
   }
}