树形展示 组件

介绍

采用虚拟滚动实现万级数据量树形展示

版本

1.0.0

属性参数

| 参数 | 说明 | 类型 | 可选值 | 默认值 | | ------ | ------ | ------ | ------ | ------ | | data | 展示数据(只在初始化调用，运行时请调用refresh函数) | array | 必须 | | | parentIdKey | 父级标识 | 字符 | 非必须 | parentId | | treeIdKey | 节点标识 | 字符 | 非必须 | treeId | | showCheckbox | 显示复现框 | boolean | 非必须 | false | | showIcon | 显示图标 | boolean | 非必须 | false | | expandLevel | 展开级次 | int | 非必须 | 全展开 | | rootTitle | 虚拟根节点 | string | 非必须 | | | linkLine | 是否链接线展示 | boolean | 非必须 | |

节点属性参数

| 参数 | 说明 | 类型 | | ------ | ------ | ------ | | expand | 展开 | boolean | | code | 编码 | 字符 | | name | 名称 | 字符 | | title | 悬浮显示信息 | 字符 | | checkDisabled | 复现宽是否可用 | boolean | | checked | 是否选中 | boolean |

方法

| 名称 | 说明 | 参数 | | ------ | ------ | ------ | | refresh | 刷新数据 | array | | getSelectAll | 获取所有选择节点 | | | getSelectLeafs | 获取所有选择末级节点 | | | select | 选中节点 | node | | updateNode | 更新节点 | node, [属性] |

事件

| 名称 | 说明 | 参数 | | ------ | ------ | ------ | | on-click | 点击节点（返回false则该界面不可被选中，默认全部节点均可被选中） | item | | on-check | 选中节点 | item |

事件补充说明

插槽 slot

| 名称 | 说明 | | ------ | ------ | | head | 头部区域 | | v-slot="{ item, showCode } | 节点区域 |