elment UI表格的树形数据与懒加载
最终实现的效果是当点击某个单元格的时候,会去后台请求数据,并将结果确认在表格中。
具体实现:
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。