news 2026/5/30 18:04:30

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/5/28 23:03:07

Wan2.2-T2V-A5B风格迁移:模仿特定影视作品的视觉风格

Wan2.2-T2V-A5B风格迁移&#xff1a;模仿特定影视作品的视觉风格 1. 技术背景与应用场景 随着AIGC技术的快速发展&#xff0c;文本到视频&#xff08;Text-to-Video, T2V&#xff09;生成已成为内容创作领域的重要工具。尤其在短视频、广告创意和影视预演等场景中&#xff0c…

作者头像 李华
网站建设 2026/5/28 13:31:42

亲身体验Live Avatar数字人效果,真实案例展示+操作心得

亲身体验Live Avatar数字人效果&#xff0c;真实案例展示操作心得 1. 引言&#xff1a;从理论到实践的数字人探索 近年来&#xff0c;随着生成式AI技术的快速发展&#xff0c;数字人&#xff08;Digital Human&#xff09;逐渐从影视特效走向大众化应用。阿里联合高校开源的 …

作者头像 李华
网站建设 2026/5/28 21:31:38

AI智能文档扫描仪应用场景拓展:教育行业讲义扫描实战

AI智能文档扫描仪应用场景拓展&#xff1a;教育行业讲义扫描实战 1. 引言 1.1 教育场景中的文档数字化需求 在现代教育环境中&#xff0c;教师和学生每天都会接触到大量的纸质讲义、课堂笔记、试卷和参考资料。这些材料虽然内容丰富&#xff0c;但存在不易保存、难以检索、占…

作者头像 李华
网站建设 2026/5/28 13:31:41

DamoFD模型解释:在预装环境中可视化检测过程

DamoFD模型解释&#xff1a;在预装环境中可视化检测过程 你是一位AI讲师&#xff0c;正准备一场关于人脸检测技术的workshop。你的目标不是让学员记住一堆公式&#xff0c;而是真正“看见”一个AI模型是如何一步步识别出人脸的——从原始像素到最终框出脸的位置&#xff0c;中…

作者头像 李华
网站建设 2026/5/28 13:31:39

从零开始玩转AI作曲|NotaGen WebUI音乐生成全攻略

从零开始玩转AI作曲&#xff5c;NotaGen WebUI音乐生成全攻略 1. 引言&#xff1a;开启AI驱动的古典音乐创作之旅 在人工智能技术飞速发展的今天&#xff0c;音乐创作已不再局限于专业作曲家。借助深度学习与大语言模型&#xff08;LLM&#xff09;范式&#xff0c;AI正在重新…

作者头像 李华