virtual-tree-select

一个虚拟滚动树组件。针对数据量太大会造成渲染 dom 太多，造成页面卡顿，虚拟列表应运而生，而开发过程中还有一种树的结构形式，所以制作了虚拟滚动树，解决 dom 节点过多造成的卡顿。

注意：不使用elment的组件el-tree、el-select是因为他们的包太大 太重大数据量js内存使用依旧很高，主要是他涉及的功能较多，我这写的简化版

使用步骤

# 安装组件
npm i virtual-tree-select -S

# 引入组件
import  virtualTreeSelect  from 'virtual-tree-select'

Vue.use(virtualTreeSelect)

# 使用
<virtual-tree-select  :data="totalList" />

属性

| 属性名 | 类型 | 默认值 | 说明 | | ------------ | ------ | ------ | -------------------------------------------------------------------------------------- | | data | Array | [] | 数据源 | | nodeKey | String | id | 每个树节点用来作为唯一标识的属性，整棵树应该是唯一的 | | props | Object | {label: 'label',children: 'children'} | 树节点配置 | defaultExpandAll | Boolean | false | 全部是否展开 | multiple | Boolean | false | 是否多选 | checkStrictly | Boolean | false | 是否不级联 | remoteSearch | Boolean | false | 是否远程搜索 | remoteSearchText | string | '请输入关键字搜索' | 远程搜索提示文字 | clearable | Boolean | true | 是否可以清空