el-virtual-select

一个基于vue-virtual-scroller 和 element ui 选择框el-select的具有虚拟滚动的下拉选择组件。

具体用法

``js
import ElVirtualSelect from 'el-virtual-select'
import 'el-virtual-select/dist/style.css'
`

导入组件及样式

属性、事件

| 参数 | 说明 | 默认值 |
| :-------------------- | :------------------------------------- | :----- |
| options | 需要渲染的下拉数据 | [] |
| valueKey | 数据 value 键值 | value |
| labelKey | 数据 label 键值 | label |
| filterable | 是否过滤 | true |
| clearable | 是否展示删除 | true |
| minItemSize | 每一项的最小高度 | 34 |
| beautifyScrollerStyle | 是否启用美化后的滚动样式 | false |
| dropdownItemsCount | 下拉视图中展示的个数 | 6 |
| listClass | 可传递给 vue-virtual-scroller 组件属性 | '' |
| itemClass | 可传递给 vue-virtual-scroller 组件属性 | '' |
| listTag | 可传递给 vue-virtual-scroller 组件属性 | 'div' |
| itemTag | 可传递给 vue-virtual-scroller 组件属性 | 'div' |

el-select 提供的其他属性，事件大多都支持。

例子

demo 源码

以下例子基于 vue 2.7x 举例

$3

`js



`

$3

`js



`

$3

`js



`

$3

`js



`

$3

`js



``