介绍

ele-tree-virtual 是一个基于 Vue 2.x、ElementUI 的虚拟树组件，支持大数据量场景

在线demo

安装

npm 安装：

npm install ele-tree-virtual --save

yarn 安装：

yarn add ele-tree-virtual

使用

import Vue from 'vue'
import EleTreeVirtual from 'ele-tree-virtual'

Vue.use(EleTreeVirtual)

<ele-tree-virtual :data="treeData" :value.sync="select"></ele-tree-virtual>

或者可以通过直接引用组件文件使用:

把src/lib-components中的el-tree-select组件复制到你的项目目录, 然后引入index.vue组件使用

传参

EleTreeVirtual 支持以下属性：

| 属性 | 描述 | 类型 | 默认值 | |-------------------|-----------------------|------------------|-------------| | data | 必选，树数据 | Array | [] | | value.sync | 可选，选中的数据 | Array | [] | | height | 展开高度 | String | '200px' |

本地预览

1. npm install
2. npm run serve

截图