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