virtual-antd-select
Version:
使用IntersectionObserve虚拟滚动解决基于antd3.X的Select下拉组件大数据量卡顿情况
38 lines • 915 B
Markdown
####antd>select component show slow on focus, use virtual scroll to slove it
+ 1. npm i virtual-antd-select
+ 2. import { VSelect } from 'virtual-antd-select'
+ 3. <VSelect ...props>
> javascript
VSelect props
/**
* Select的showSearch,是否可以输入检索
*/
showSearch: boolean,
/**
* Select的placeholder,默认值为“请选择”
*/
placeholder?: string,
/**
* 需要加载到Select的全量数据
*/
optionList: Array<any>,
/**
* Option的Value属性名
*/
valueProp: string,
/**
* Option展示的文本属性名
*/
displayProp: string,
/**
* 真实加载到dom中的数据长度,默认值为20
*/
viewListLength?: number,
/**
* Select下拉每一个选项的高度,默认值为32
*/
optionHeight?: number,
/**
* Select的选中事件
*/
onSelectChange: (value: any) => void,