API
Select props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| allowClear | 支持清除 | boolean | false | |
| autofocus | 默认获取焦点 | boolean | false | |
| clearIcon | 自定义的多选框清空图标 | VNode | slot | – | |
| disabled | 是否禁用 | boolean | false | |
| dropdownClassName | 下拉菜单的 className 属性 | string | – | |
| dropdownRender | 自定义下拉框内容 | ({menuNode: VNode, props}) => VNode | v-slot | – | |
| filterOption | 是否根据输入项进行筛选。当其为一个函数时，会接收 inputValue option 两个参数，当 option 符合筛选条件时，应返回 true，反之则返回 false。 |
boolean | function(inputValue, option) |
true | |
| getTriggerContainer | 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。 | function(triggerNode) | () => document.body | |
| menuItemSelectedIcon | 自定义当前选中的条目图标 | VNode | slot | – | |
| options | options 数据，如果设置则不需要手动构造 selectOption 节点 | array<{value, label, [disabled, key, title]}> | [] | |
| placeholder | 选择框默认文字 | string|slot | – | |
| removeIcon | 自定义的多选框清除图标 | VNode | slot | – | |
| suffixIcon | 自定义的选择框后缀图标 | VNode | slot | – | |
| value(v-model:value) | 指定当前选中的条目 | string|string[]|number|number[] | – |
注意，如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发 Select，请尝试使用
getPopupContainer={triggerNode => triggerNode.parentNode}将下拉弹层渲染节点固定在触发器的父元素中。
事件
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| blur | 失去焦点的时回调 | function |
| change | 选中 option，或 input 的 value 变化（combobox 模式下）时，调用此函数 | function(value, option:Option/Array<Option>) |
| deselect | 取消选中时调用，参数为选中项的 value (或 key) 值，仅在 multiple 或 tags 模式下生效 | function(value，option:Option) |
| dropdownVisibleChange | 展开下拉菜单的回调 | function(open) |
| focus | 获得焦点时回调 | function |
| inputKeyDown | 键盘按下时回调 | function |
| mouseenter | 鼠标移入时回调 | function |
| mouseleave | 鼠标移出时回调 | function |
| popupScroll | 下拉列表滚动时的回调 | function |
| search | 文本框值变化时回调 | function(value: string) |
| select | 被选中时调用，参数为选中项的 value (或 key) 值 | function(value, option:Option) |
Oinone社区 作者：汤乾华原创文章，如若转载，请注明出处：https://doc.oinone.top/frontend/components/4909.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验
