virtualized-select 虚拟化选择器
使用虚拟化列表是因为在数据量很大的时候,一次性渲染所有的选项会导致性能问题,而使用虚拟化列表可以只渲染当前可见的选项,从而提高性能。
基础用法
使用data属性绑定数据源,data中使用id属性绑定选中的值,使用label属性绑定显示的字段。
可选的label
使用label属性绑定显示的字段。
多选/单选
使用selectionMode属性绑定选择模式。single 单选,multiple 多选。默认是单选。
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 节点选中状态变化时触发 | 单选模式:选中节点ID (nodeId: string)多选模式:选中节点ID数组 (nodeIds: string[]) |
| expand | 节点展开时触发 | 当前展开的节点对象 (node: TreeNode) |
| collapse | 节点收起时触发 | 当前收起的节点对象 (node: TreeNode) |