Skip to content

virtualized-select 虚拟化选择器

使用虚拟化列表是因为在数据量很大的时候,一次性渲染所有的选项会导致性能问题,而使用虚拟化列表可以只渲染当前可见的选项,从而提高性能。

基础用法

使用data属性绑定数据源,data中使用id属性绑定选中的值,使用label属性绑定显示的字段。

可选的label

使用label属性绑定显示的字段。

多选/单选

使用selectionMode属性绑定选择模式。single 单选,multiple 多选。默认是单选。

事件

事件名说明回调参数
change节点选中状态变化时触发单选模式:选中节点ID (nodeId: string)
多选模式:选中节点ID数组 (nodeIds: string[])
expand节点展开时触发当前展开的节点对象 (node: TreeNode)
collapse节点收起时触发当前收起的节点对象 (node: TreeNode)