解决elemen-ui的el-table的树结构数据,新增修改不刷新问题

前面有写过关于后端返回全量数据,但前端节点过多table树卡顿问题

有兴趣可以看看这篇

https://blog.csdn.net/qq_44179024/article/details/136058117?spm=1001.2014.3001.5501

前提:我这个是根据后端返回的全量数据来递归做的load方法,并没有接口根据id来load子节点,不过功能类似,根据需要修改

树刷新主要是参考(抄)这个大佬的,大家可以看这个

https://blog.csdn.net/fynzhy/article/details/116024050

我与大佬不同的就是

我这边在刷新的时候先重新获取全量数据把备份数据修改了

所以记录一下

js 复制代码
	refresh(parentId) {
		// 重新获取全量数据修改备份数据
		listOrgAll(this.queryParams).then(res => {
			this.orgList = res.data
			this.orgListCopy = JSON.parse(JSON.stringify(res.data)) // 备份的全量数据

			// 获取对应的map中的数据
			const { tree, treeNode, resolve } = this.maps.get(parentId)
			// 先置空
			this.$set(this.$refs.multipleTable.store.states.lazyTreeNodeMap, parentId, [])
			// 重新load数据
			if (tree) {
				this.load(tree, treeNode, resolve)
			}
		});
	},
相关推荐
卸任17 小时前
Vibe coding工具使用心得
前端·ai编程
brien918 小时前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
修炼的dance18 小时前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端
Lank_M18 小时前
关键帧从1秒拉到10秒,录屏小87.3%,摄像头小10.8%
前端
补码缩写18 小时前
用 ffprobe 拆录屏,八成字节在 29 个关键帧上
前端
百思不得小李18 小时前
一个复杂的动态表单是如何实现的
前端·设计模式
陈随易18 小时前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
风骏时光牛马19 小时前
前沿视界
前端
kyriewen19 小时前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员
陈随易19 小时前
3000 万人在用的翻译插件,重写一遍就是一门生意
前端·后端·程序员