el-table树形表格懒加载如何在数据发生变化时重新加载节点数据

小可爱的博客

于 2024-03-15 10:46:56 发布

阅读量969

点赞数 4

本文链接：https://blog.csdn.net/weixin_45298700/article/details/136732483

版权

本文介绍了如何使用JavaScript中的datafunction实现表格树懒加载功能，通过tableTreeRefreshTool对象管理节点数据的加载和刷新，包括load方法获取节点数据和refreshNode方法手动刷新特定节点数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

data: function () {
    return {
    	tableTreeRefreshTool: {}
    }
}
// 懒加载数据
load(tree, treeNode, resolve) {
 	//用来存储该条数据的操作
   this.tableTreeRefreshTool[tree.detailId] = {}
   this.tableTreeRefreshTool[tree.detailId].resolve = resolve
   // 记录展开次数
   this.tableTreeRefreshTool[tree.detailId].expandCount = 0
   // 调用接口获取节点数据
   var childrenList = []
   childrenList = this.getDetailsList(tree.detailId)
   resolve(childrenList)
},
// 手动刷新节点数据
refreshNode (detailId) {
    const curr = this.tableTreeRefreshTool[detailId]
    var childrenList = []
    childrenList = that.getDetailsList(detailId)
    if (curr) curr.resolve(childrenList)
}