el-select-v2 是 Element Plus 提供的虚拟化下拉选择组件(SelectV2),主要解决大数据量选项下的性能问题。普通 Select 在选项数量庞大时会把全部选项渲染到 DOM 中,而 SelectV2 借助虚拟滚动仅渲染可视区域附近的条目,因此在选项达到上千条时依然能保持较好性能。
适用场景:选项规模较大(资料建议 1000 条以上)、对性能有要求的下拉选择、需要虚拟滚动的多选、以及选项数量很多的批量选择场景。
主要能力:支持单选与多选;支持 collapse-tags 与 collapse-tags-tooltip 以折叠多选标签并显示提示;支持 clearable 清空;支持 filterable 本地过滤;支持 remote 远程搜索并配合 remote-method、loading 使用;支持分组选项(groupedOptions);提供 default、header、footer、empty、prefix、tag 等插槽用于自定义渲染;暴露 focus、blur 方法和 selectedLabel 计算属性。
使用方式:通过 v-model 绑定值,通过 options 属性传入选项数组。基本用法示例:<el-select-v2 v-model="value" :options="options" placeholder="Select" />。多选时添加 multiple、collapse-tags、collapse-tags-tooltip。过滤时添加 filterable。远程搜索时添加 filterable、remote、:remote-method、:loading 并自行实现 remoteMethod。分组选项时传入形如 { label, options: [...] } 的结构。下拉高度由 height 控制,默认 274;单项高度由 item-height 控制,默认 34。
事件包括 change、visible-change、remove-tag、clear、blur、focus。
最佳实践(来自资料):针对 1000 条以上选项使用;通过 height 与 item-height 调整性能;服务端过滤使用 remote。
限制与未提供信息:资料未说明该组件的版本要求、浏览器兼容性、无障碍支持、是否支持选项懒加载、虚拟滚动的具体实现细节以及任何收费或价格信息,这些内容暂未提供。