2018-03-01 04:34:31 +00:00
## API
2019-09-28 12:45:07 +00:00
```html
2018-03-01 04:34:31 +00:00
< a-auto-complete :dataSource = "dataSource" / >
2019-09-28 12:45:07 +00:00
```
2018-03-01 04:34:31 +00:00
| Property | Description | Type | Default |
2019-09-28 12:45:07 +00:00
| --- | --- | --- | --- |
2018-03-01 04:34:31 +00:00
| allowClear | Show clear button, effective in multiple mode only. | boolean | false |
| autoFocus | get focus when component mounted | boolean | false |
| backfill | backfill selected item the input when using keyboard | boolean | false |
| slot="default" (for customize input element) | customize input element | HTMLInputElement / HTMLTextAreaElement | `<Input />` |
2018-08-04 09:52:11 +00:00
| dataSource | Data source for autocomplete | slot \| [DataSourceItemType ](https://github.com/vueComponent/ant-design-vue/blob/724d53b907e577cf5880c1e6742d4c3f924f8f49/components/auto-complete/index.vue#L9 )\[] | |
2018-03-01 04:34:31 +00:00
| defaultActiveFirstOption | Whether active first option by default | boolean | true |
2018-12-13 13:26:21 +00:00
| defaultValue | Initial selected option. | string\|string\[]\| - |
2018-03-01 04:34:31 +00:00
| disabled | Whether disabled select | boolean | false |
| filterOption | If true, filter options by input, if function, filter options against it. The function will receive two arguments, `inputValue` and `option` , if the function returns `true` , the option will be included in the filtered set; Otherwise, it will be excluded. | boolean or function(inputValue, option) | true |
| optionLabelProp | Which prop value of option will render as content of select. | string | `children` |
| placeholder | placeholder of input | string | - |
| value(v-model) | selected option | string\|string\[]\|{ key: string, label: string\|vNodes }\|Array< { key: string, label: string\|vNodes }> | - |
2018-11-28 02:35:37 +00:00
| defaultOpen | Initial open state of dropdown | boolean | - |
| open | Controlled open state of dropdown | boolean | - |
2018-03-01 04:34:31 +00:00
### events
2019-09-28 12:45:07 +00:00
2018-03-01 04:34:31 +00:00
| Events Name | Description | Arguments |
| --- | --- | --- |
2018-09-05 13:28:54 +00:00
| change | Called when select an option or input value change, or value of input is changed | function(value) |
| blur | Called when leaving the component. | function() |
| focus | Called when entering the component | function() |
| search | Called when searching items. | function(value) | - |
| select | Called when a option is selected. param is option's value and option instance. | function(value, option) |
2018-12-13 10:30:06 +00:00
| dropdownVisibleChange | Call when dropdown open | function(open) |
2018-03-01 04:34:31 +00:00
## Methods
2019-09-28 12:45:07 +00:00
| Name | Description |
| ------- | ------------ |
| blur() | remove focus |
| focus() | get focus |