el-select虚拟滚动代码实现加载1万条数据

el-select默认是不支持虚拟滚动的，需要使用第三方插件来实现虚拟滚动功能。下面以使用Vue.js的vue-virtual-scroll-list插件为例，介绍如何实现el-select的虚拟滚动加载1万条数据。

1. 安装插件

使用npm或yarn安装vue-virtual-scroll-list插件。

npm install vue-virtual-scroll-list --save

2. 引入插件

在Vue组件中引入vue-virtual-scroll-list插件。

import VirtualScrollList from 'vue-virtual-scroll-list';

3. 将el-select替换为VirtualScrollList组件

将el-select替换为VirtualScrollList组件，并将options属性绑定到VirtualScrollList组件的items属性上，这样就可以实现虚拟滚动加载1万条数据。

<virtual-scroll-list class="select-list" :size="40" :remain="20">
  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</virtual-scroll-list>

4. 设置滚动区域高度

由于使用了虚拟滚动，需要设置VirtualScrollList组件的高度，才能正确计算滚动区域。

.select-list {
  height: 400px;
}

以上就是使用vue-virtual-scroll-list插件实现el-select虚拟滚动加载1万条数据的代码实现。需要注意的是，由于使用了第三方插件，可能会影响原有el-select样式和功能，需要根据具体需求进行调整和扩展。