elment UI表格的树形数据与懒加载

表格的懒加载
HTML元素
最终实现的效果是当点击某个单元格的时候,会去后台请求数据,并将结果确认在表格中。
具体实现:
row-key是后台返回中的数组中元素某个唯一的属性值,例如id,也可以为其他唯一的值。注意这个值不能为1。
tree-props=“{children:‘children‘,hasChildren:‘hasChildren‘}“
lazy
:load=“load”

其中load方法如下:
async load(tree,treeNode,resolve){
let data=await getData();
resolve(data);
}
注:getData是请求后台的自定义方法,函数中的data一定是数组(通常为对象数组),一定要有row-key绑定的属性,而且这个属性值不能等于1。

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐