# AutoComplete 自动完成

从服务端搜索数据

### 基本使用
通过`options`设置自动完成的数据源

@[demo](./demo/basic.vue)


### 自定义筛选
通过`filter-method`设置一个函数来自定义过滤器

@[demo](./demo/custom-filter.vue)


### 远程搜索
从服务端搜索数据

@[demo](./demo/remote.vue)



## props

| 参数        | 说明                           | 类型                                  | 可选值 | 默认值 |
| ----------- | ------------------------------ | ------------------------------------- | ------ | ------ |
| value       | 当前输入的值                   | string                                | -      | -      |
| options        | 自动完成的数据源               | array                                 | -      | -      |
| filter-method      | 判断单个数据源是否符合筛选条件 | function(inputValue, option): boolean | -      | -  |
| searching   | 是否展示搜索中图标             | boolean                               | -      | false  |
| prefix-icon | 输入框前置图标名称             | string                                | -      | -      |
| suffix-icon | 输入框后置图标名称             | string                                | -      | -      |
| disabled    | 是否禁用                       | boolean                               | -      | false  |
| placeholder | 占位文本                       | string                                | -      | -      |

## props 配置内容

| 参数     | 说明                                   | 类型   | 可选值 | 默认值 |
| -------- | -------------------------------------- | ------ | ------ | ------ |
| value    | 指定选项的值为选项对象的某个属性值     | string | —      | —      |
| label    | 指定选项标签为选项对象的某个属性值     | string | —      | —      |

## events
| 事件名 | 说明     | 回调参数 |
| ------ | -------- | -------- |
| search  | 在输入内容变化时触发 | value |
| change  | 在选中数据源时触发 | (event, name, item)    |

### slot
| 参数 | 说明 | slot-scope |
| --- | --- | --- |
| option | 自定义选项option | row |