vxe-
table树形表格懒加载是指在
树形表格中,只有当用户点击展开某个节点时,才会去请求该节点的
子节点数据,而不是一次性加载所有节点数据。这种方式可以减轻前端的数据压力,提高
表格的渲染效率。在
vxe-
table中,可以通过设置tree-config.lazy来开启
树形表格懒加载功能。
代码示例(Vue):
```vue
<template>
<
vxe-
table :data="
tableData" :tree-co
nfig="{lazy: true, hasChild:
'hasChild
', children:
'children
', loadMethod: loadChildNode}">
<
vxe-
table-column type="
index" width="60"></
vxe-
table-column>
<
vxe-
table-column field="name" title="名称"></
vxe-
table-column>
<
vxe-
table-column field="age" title="年龄"></
vxe-
table-column>
</
vxe-
table>
</template>
<s
cript>
export default {
data() {
return {
tableda
ta: []
}
},
methods: {
loadChildNode({ row, treeNode }) {
// 根据row或treeNode
获取子节点数据
// ...
//
返回Promise对象
return new Promise(resolve => {
resolve(children)
})
}
}
}
</s
cript>
```