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

news/2024/11/17 3:30:52/

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

相关文章

Nginx配置Https缺少SSL模块

1、Linux下Nginx配置https nginx下载和安装此处就忽略,可自行百度 1.1、配置https 打开nginx配置文件 vim /opt/app/nginx/conf/nginx.conf相关https配置 server {listen 443 ssl; #开放端口server_name echarts.net;#域名#redirect to https#ssl on; #旧版#ssl证…

【算法小白周赛1A】分析 - 题解与代码

题目链接:https://www.starrycoding.com/problem/155 题目描述 小可可最近在学数学运算!他希望考考你,给你两个整数 A , B A,B A,B,询问 A B A\times B AB 是否是偶数。 注意,可能存在前导 0 0 0,比如…

Linux 查看主机内存,CPU使用率的两种推荐指令top ,free 指令解读

top 指令 top 指令是 Linux 系统中一个实时显示系统状态的动态视图工具,主要用于监控系统的整体运行状态,包括CPU使用率、内存使用情况、运行中的进程信息等。它是一个非常强大的命令行工具,常用于性能分析和故障排查。下面是一些基本的使用…

【webrtc】MessageHandler 7: 基于线程的消息处理:切换main线程向observer发出通知

以当前线程作为main线程 RemoteAudioSource 作为一个handler 仅实现一个退出清理的功能 首先on message的处理会切换到main 线程 :main_thread_其次,这里在main 线程对sink_ 做清理再次,在main 线程做出状态改变,并能通知给所有的observer 做出on changed 行为。对接mediac…

Flask教程2:flask高级视图

文章目录 add_url_rule类视图的引入装饰器的自定义与使用蓝图的使用url_prefix设置蓝图前缀 add_url_rule 欲实现url与视图函数的绑定,除了使用路由装饰器app.route,我们还可以通过add_url_rule(rule,endpointNone,view_funcNone)方法,其中&…

OpenResty 安装及lua-resty-redis

目的: 需要记录用户真实IP 访问量 1. 下载openresty: https://openresty.org/download/openresty-1.25.3.1.tar.gz2. 编译安装 ./configure --help | more 可以查看configure 可选参数 # 1、安装前置依赖 yum install -y readline-devel pcre pcre-…

十一、大模型-Semantic Kernel与 LangChain 的对比

Semantic Kernel 与 LangChain 的对比 Semantic Kernel 和 LangChain 都是用于开发基于大型语言模型(LLM)的应用程序的框架,但它们各有特点和优势。 基本概念和目标 Semantic Kernel 是一个由微软开发的轻量级 SDK,旨在帮助开发…

Python基础学习之记录中间文件

倘若想记录代码运行过程中的结果文件,那么以下函数仅供参考 代码示例: import os import datetime import sys import pandas as pd# 定义总的文件夹路径 base_folder E:\\D\\log\\product_data_compare_log# 定义一个函数来创建带时间戳的文件夹 def…