一个可以用来渲染海量数据的Vue树形组件
npm i vue-big-tree --save
<vueBigTree ref="bigTree" :tree="tree" :defaultExpand="true" :option="option">
<template v-slot="{ item, index }">
<div>{{ item.label }}</div>
</template>
</vueBigTree>
参数 | 说明 | 类型 | 可选 | 默认值 |
---|---|---|---|---|
tree | 数据源 | Array | - | - |
defaultExpand | 是否默认展开 | Boolean | true/false | false |
option | 虚拟树配置 | Object | - | - |
timeout | 滚动节流 | Number | - | 17 |
参数 | 说明 | 类型 | 可选 | 默认值 |
---|---|---|---|---|
height | 容器的高度 | Number | - | 500 |
itemHeight | 单个节点的高度 | Number | - | 25 |
this.$refs.bigTree.collapseAll()
this.$refs.bigTree.expandAll()