1.使用基本用法 用data作为树形组件的数据
2.使用load懒加载
3.使用el-pagination
这种用法只是规避了load的第一层加载,使用自己定义的方法获取第一层数据
//懒加载方法
load(node, resolve){
if(node.level === 0){
return;
}else{
//请求
...
resolve(data)
}
},
//获取一级数据
getData(){
//请求data
this.dataList = data
},
// 页数
currentChange(val){
this.pageNum = val;
this.getData();
}
<el-tree
ref='buildingTree'
:props="defaultProps"
:data="dataList"
:lazy='true'
:load="load"
node-key="newId"
:expand-on-click-node="false"
:check-strictly='true'
:highlight-current='false'
class="monitor-menuetree"
>
</el-tree>
<el-pagination
@current-change="currentChange"
:current-page="pageNum"
:page-size="30"
:pager-count='5'
layout="prev, pager, next"
:total="total">
</el-pagination>