ant-design-vue/components/auto-complete/demo/custom.md

<cn>
#### 自定义输入组件
自定义输入组件。
</cn>

<us>
#### Customize Input Component
Customize Input Component
</us>

```html
<template>
  <a-auto-complete
    :dataSource="dataSource"
    style="width: 200px"
    @search="handleSearch"
    @select="onSelect"
  >
    <a-textarea
      placeholder="input here"
      class="custom"
      style="height: 50px"
      @keypress="handleKeyPress"
    />
  </a-auto-complete>
</template>
<script>
export default {
  data() {
    return {
      dataSource: [],
    }
  },
  methods: {
    onSelect(value) {
      console.log('onSelect', value);
    },
    handleSearch(value) {
      this.dataSource = !value ? [] : [
        value,
        value + value,
        value + value + value,
      ]
    },
    handleKeyPress(ev) {
      console.log('handleKeyPress', ev);
    }
  }
}
</script>
```