el-table异步树形表格与数据懒加载
树形表格数据过多时,可以使用懒加载方式获取子级数据
githup源代码地址: https://github.com/shengbid/vue-demo/tree/master/src/views/Table/asyncTreeTable 完成效果: 先加载出父级数据, 点击折叠按钮请求子级数据 代码实现: index.vue
githup源代码地址: https://github.com/shengbid/vue-demo/tree/master/src/views/Table/asyncTreeTable 完成效果: 先加载出父级数据, 点击折叠按钮请求子级数据 代码实现: index.vue
其他和普通表格一样使用,主要注意这三个属性 1. lazy在懒加载中必须设置 2. load子级数据获取方法, 通过resolve返回数据 3. tree-props 懒加载树形数据需要设置hasChildren, 父级数据如果是true,就有展开图标, false就没有展开图标table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border default-expand-all lazy :load="loadData" :tree-props="{hasChildren: 'hasChildren'}"> column prop="date" label="日期" width="180"> column prop="name" label="姓名" width="180"> column prop="address" label="地址"> button size="mini" >详情