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()