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

716 B

#### 基本使用 基本使用。通过 dataSource 设置自动完成的数据源 #### Basic Usage Basic Usage, set datasource of autocomplete with `dataSource` property.
<template>
  <a-auto-complete
    :dataSource="dataSource"
    style="width: 200px"
    @select="onSelect"
    @search="handleSearch"
    placeholder="input here"
  />
</template>
<script>
  export default {
    data() {
      return {
        dataSource: [],
      };
    },
    methods: {
      handleSearch(value) {
        this.dataSource = !value ? [] : [value, value + value, value + value + value];
      },
      onSelect(value) {
        console.log('onSelect', value);
      },
    },
  };
</script>