el-select-v2

Virtualize long option lists in Element Plus Select components for Vue projects.

21|2|Updated Mar 13, 2026
One-click install
npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-select-v2
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: el-select-v2
Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-select-v2
Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-select-v2

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Virtualizes long option lists in Select components to improve rendering performance.

Core Features & Use Cases

  • Virtualized rendering for datasets with thousands of options
  • Support for single and multiple selections
  • Filterable and remote search capabilities
  • Grouped options and custom item rendering
  • Real-world use: a large form requiring fast dropdowns in dashboards

Quick Start

Create a Vue example rendering el-select-v2 with 1000 options to demonstrate virtualization and performance.

Frequently Asked Questions about el-select-v2

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve Element Plus dropdown performance for large datasets?

Virtualizing long option lists in Vue Select components improves rendering performance for large datasets. It renders only visible items, enabling smooth interactions even with 1000 or more options.

Does virtualized select support multiple selections and remote search?

Yes, virtualized select supports multiple selections and remote search. It handles single and multiple select scenarios, including filterable options and remote data fetching for large datasets.

How do I render grouped options with a virtualized select in Vue?

You can render grouped options with a virtualized select in Vue by applying the virtualization component to your dataset. It supports grouped options and custom item rendering while maintaining rendering performance.

What is the best way to handle 1000+ options in an Element Plus form?

The best way to handle 1000+ options in an Element Plus form is virtualized rendering. This approach prevents browser lag by replacing standard dropdown rendering with a virtualized list for large datasets.

When should I use virtualization for Vue select components?

You should use virtualization for Vue select components when dealing with large datasets of 1000 or more options. It exposes APIs for customization, ensuring fast dropdown responses in real-world uses like dashboards.