Select 选择框
代码演示
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|
| classList | 自定义class | Object | - |
| class | 自定义class | string | - |
| style | 自定义样式 | Object | |
| name | name属性 | string | |
| value | 值，可控属性 | Signal | |
| disabled | 禁用 | boolean | |
| size | 尺寸 | small | large | |
| clearable | 可清空 | boolean | |
| placeholder | placeholder | string | |
| multi | 多选 | boolean | |
| prefix | 前缀 | string | JSXElement | |
| data | 传入的数据 | Array | |
| textField | 文案字段 | string | label |
| valueField | 值字段 | string | value |
| filter | 支持过滤 | boolean | |
| renderOption | 自定义选项渲染 | Function | |
| emptyOption | 空选项 | string | |
| showMax | 多选场景下最多显示个数 | number | |
| valueClosable | 值可关闭 | boolean | |
| transfer | 下拉内容使用Portal渲染 | boolean | |
| align | 下拉内容位置 | bottomLeft | bottomRight | bottomLeft |
| showMore | 多选设置showMax后是否在数字上显示更多 | boolean | |
| ref | 组件引用 | any | |
| remoteMethod | 远程过滤 | Function | |
| debounceTime | 防抖时间 | number | 300 |
| loading | 远程过滤的状态 | Boolean | false |
| defaultLabel | 远程过滤的默认label,配合默认value使用 | string | string[] |
| onChange | 值改变事件 | Function | |
Option 属性
| 属性 | 说明 | 类型 | 默认值 |
|---|
| disabled | 禁用 | boolean | - |
| label | 显示内容 | string | - |
| value | 值 | string | |
事件
| 事件名称 | 说明 | 返回值 |
|---|
onChange | 值改变事件 | value: any, option?: any |