news 2026/8/4 6:23:26

ElementUI表格懒加载子级更新数据刷新不生效问题

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
ElementUI表格懒加载子级更新数据刷新不生效问题

问题:

在更新上级的时候没有问题,但是在更新子级表格数据没有更新!

方案:

把加载的子节点信息存起来,更新的时候重新拉取字节点数据!

let nodeMap = ref<Map<string, any>>(new Map());

完整代码

let tableInfo = ref<TableInfo<any>>({ data: [], total: 0 }); let nodeMap = ref<Map<string, any>>(new Map()); const lazyLoadTreed = async (row : any, treeNode : any, resolve : (data: Zone[]) => void) => { if(!treeNode) { let res = await lazyLoadTree(query.value); if(res.code == 200) { tableInfo.value.data = res.data; } }else { let res = await lazyLoadTree({ keyWord: '', page: true, keyId: row.id }); if(res.code == 200) { nodeMap.value.set(row.id, { row , treeNode , resolve }); resolve(res.data); } else { resolve([] as Zone[]); } } } async function refreshNode(parentId : string) { const nodeInfo = nodeMap.value.get(parentId); if (nodeInfo) { const { row, treeNode , resolve } = nodeInfo; lazyLoadTreed(row , treeNode, resolve); } } function update() { // 调用 refreshNode('你的父级id'); }
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/28 7:06:10

新手必看:Live Avatar数字人模型部署全流程解析

新手必看&#xff1a;Live Avatar数字人模型部署全流程解析 1. 引言 随着AI技术的快速发展&#xff0c;数字人&#xff08;Digital Human&#xff09;已成为虚拟交互、内容创作和智能客服等领域的重要载体。阿里联合高校开源的 Live Avatar 模型&#xff0c;作为一款支持语音…

作者头像 李华
网站建设 2026/8/1 14:49:55

从模型到界面:DeepSeek-OCR-WEBUI全流程集成实践

从模型到界面&#xff1a;DeepSeek-OCR-WEBUI全流程集成实践 1. 引言&#xff1a;构建现代化 OCR 应用的工程挑战 光学字符识别&#xff08;OCR&#xff09;技术已从早期的简单图像处理工具&#xff0c;演变为融合深度学习、自然语言理解与前端交互的复杂系统。随着大模型能力…

作者头像 李华
网站建设 2026/7/31 8:04:34

清华镜像提速10倍,VibeVoice下载飞快,部署更省心

清华镜像提速10倍&#xff0c;VibeVoice下载飞快&#xff0c;部署更省心 1. 引言&#xff1a;从“朗读”到“对话”的语音合成新范式 在播客、有声书和虚拟角色交互日益普及的今天&#xff0c;传统文本转语音&#xff08;TTS&#xff09;系统已难以满足对自然性与表现力的需求…

作者头像 李华
网站建设 2026/7/31 3:43:41

VibeVoice-TTS实操手册:编写符合模型预期的对话标记语法

VibeVoice-TTS实操手册&#xff1a;编写符合模型预期的对话标记语法 1. 引言 1.1 业务场景描述 随着播客、有声书和虚拟角色对话等长文本语音内容需求的增长&#xff0c;传统文本转语音&#xff08;TTS&#xff09;系统在处理多说话人、长时长、自然对话轮次方面的局限性日益…

作者头像 李华
网站建设 2026/7/29 6:52:35

TensorFlow-v2.9入门指南:tf.math数学运算函数大全

TensorFlow-v2.9入门指南&#xff1a;tf.math数学运算函数大全 1. 引言 1.1 学习目标 本文旨在为深度学习开发者和数据科学工程师提供一份全面、系统且实用的 TensorFlow 2.9 数学运算函数使用指南&#xff0c;重点聚焦于 tf.math 模块中的核心数学操作。通过本教程&#xf…

作者头像 李华