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

ops/2024/9/22 15:50:18/

前面有写过关于后端返回全量数据,但前端节点过多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

我与大佬不同的就是
我这边在刷新的时候先重新获取全量数据把备份数据修改了
所以记录一下

refresh(parentId) {// 重新获取全量数据修改备份数据listOrgAll(this.queryParams).then(res => {this.orgList = res.datathis.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)}});},

http://www.ppmy.cn/ops/26100.html

相关文章

闪存存储和制造技术概述

闪存存储技术 引言 性能由高到低排序:SLC -> MLC -> TLC -> QLC 根据这个排序读写速度也越来越低,价格越来越便宜 1. SLC SLC(Single-Level Cell,单层单元): SLC 闪存具有最高的性能、耐用性和可…

云计算知识点-02

云计算知识点-02 简述云服务基本概念及体系结构的理解? ​ 云服务的商业模式是通过繁殖大量创业公司提供丰富的个性化产品,以满足市场上日益膨胀的个性化需求。其繁殖方式是为创业公司提供资金、推广、支付、物流、客服一整套服务,把自己的运…

安卓数据库SQLite

目录 一、SQLite数据库二、SQLiteOpenHelper和SQLiteDatabase2.1 SQLiteOpenHelper2.2 SQLiteDatabase 三、常见数据库使用介绍3.1 创建数据库3.2 插入数据3.3 修改数据(升级数据库)3.4 删除数据3.5 查询数据3.6 关闭数据库3.7 删除数据库 一、SQLite数据…

Flutter笔记:Widgets Easier组件库(2)阴影盒子

Flutter笔记 Widgets Easier组件库(2):阴影盒子 - 文章信息 - Author: 李俊才 (jcLee95) Visit me at CSDN: https://jclee95.blog.csdn.netMy WebSite:http://thispage.tech/Email: 291148484163.com. Shenzhen ChinaAddress o…

算法~本质

仅做一些笔记 数据结构分为数组和链表,数据结构的目的是提升增删改查的效率。算法的本质是基于这两种数据结构进行高效穷举。(1.如何穷举?--递归/dp。2.如何聪明地穷举?--并查集/贪心/KMP) 单链表--双指针 数组--二…

分享一份物联网 SAAS 平台架构设计

一、架构图**** 二、Nginx**** 用于做服务的反向代理。 三、网关**** PaaS平台所有服务统一入口,包含token鉴权功能。 四、开放平台**** 对第三方平台开放的服务入口。 五、MQTT**** MQTT用于设备消息通信、内部服务消息通信。 六、Netty**** Socket通信设…

Windows操作系统安全精讲视频课程

Windows操作系统安全精讲视频课程 1.1IT运维职位需要学习的技能.mp4 1-2利用缓存的网络凭据入侵服务器.mp4 1-3信息安全包括哪些方面.mp4 1-4管理本地用户账户和组.mp4 1-5创建检查删除计算机上隐藏的账户.mp4 1-6用户账户控制(UAC)详解.mp4 1-7使用win…

正点原子[第二期]Linux之ARM(MX6U)裸机篇学习笔记-9.1-LED灯(模仿STM32驱动开发实验)

前言: 本文是根据哔哩哔哩网站上“正点原子[第二期]Linux之ARM(MX6U)裸机篇”视频的学习笔记,在这里会记录下正点原子 I.MX6ULL 开发板的配套视频教程所作的实验和学习笔记内容。本文大量引用了正点原子教学视频和链接中的内容。…