SelectV2

Uses Arco Select styling with Element Plus virtual scrolling for large option lists. See the Element Plus docs for props.

Large Option Lists

Generate 1,000 options; virtual scrolling limits how many are rendered at once.

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('')
const options = Array.from({ length: 1000 }, (_, index) => ({ value: index, label: `Option ${index + 1}` }))
</script>

<template>
  <el-select-v2 v-model="value" :options="options" :item-height="36" :show-arrow="false" filterable placeholder="Select an option" style="width: 280px" />
</template>

Differences from Arco

• Items are 34px by default; set item-height to 36 to match Arco.
• Keyboard highlighting starts at the selected option, following Element Plus.