下拉框设计
基本用法
最普通的使用方法,默认带检索功能
允许多选 useMultiple
是否禁用 useDisable
无边框 clearBorder
API
| 属性名称 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| clearBorder | 是否有边框,默认有边框,设置true为无边框 | boolean | false |
| useDisable | 是否允许选择,默认可以点击,设置为true不可点击 | boolean | false |
| useMultiple | 是否可以多选,默认不可多选,设置为true可以多选 | boolean | false |
| useSearch | 是否可以检索,默认不可检索,设置为true时可以检索 | boolean | false |
| value | 默认选择,如果是单选,默认为string,如果是多选,默认为string[] | string | string[] | - |
| options | 选项内容:默认Option格式 -> { label: '', value: '' } | Option[] | [] |
| fieldNames | 自定义Option格式 -> { label: 'label', value: 'value' } | object | { label: 'label', value: 'value' } |
| onChange | 选中 option,或 input 的 value 变化时,调用此函数 | (value: string | number | LabeledValue, option: Option) => void | - |
| onSearch | 文本框值变化时回调 | (value) => void | - |
ddu design pro