-
组件布局 Layout视图 View导航 Navigation反馈 Feedback
自动完成 AutoComplete
根据用户的输入,进行自动匹配显示列表,用户可以进行按需选择自己需要的内容
何时使用
需要根据用户输入,匹配内容。例如:联想搜索框
如何使用
import { AutoComplete } from 'tinper-bee';
or
import AutoComplete from 'bee-autocomplete';
import 'bee-autocomplete/build/AutoComplete.css';
能力特性
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
value | 传入的输入框的值 | any | - |
options | 自动匹配列表 | array | [] |
placeholder | 输入框的默认提示 | string | - |
show | 控制自动匹配列表的展开和隐藏 | boolean | false |
disabled | 是否禁用输入框 | boolean | false |
onChange | 输入框值更改时触发的回调函数,参数为 value 值 | function | - |
onValueChange | 输入框值更改时触发的回调函数 | function | - |
onKeyDown | 监听input的键盘事件,调用此函数 | handleKeyDown() | - |
onBlur | input 的失去焦点时,调用此函数,参数为 value 值 | function | - |
onSelectOption | 被选中时调用,参数为选中项的 value 值 | function | - |
注意事项
暂无
更新日志
-
v2.0.3 2019-05-16 ( release地址 )
- bee-autocomplete @2.0.3
- [Fixbug]解决组件搜索逻辑不正确的问题
- [Fixbug]暴露show参数,外部可控
- bee-autocomplete @2.0.3
-
v2.0.2 2019-04-10 ( release地址 )
- bee-autocomplete @2.0.2
- [Feature]增加参数show,控制自动匹配列表的展开和隐藏
- [Feature]提供下拉框选中时触发的回调函数onSelectOption
- bee-autocomplete @2.0.2
-
v2.0.1 2019-03-15 ( release地址 )
- [Feature]相关2.0主题依赖组件升级,bee-form-control 需要升级