el-autocomplete用法

el-autocomplete 是 Element UI 库中的一个组件，用于自动补全输入框中的内容。它有以下用法：

1. 安装 Element UI 库： `npm install element-ui -S`
2. 引入 el-autocomplete 组件： `import { Autocomplete } from 'element-ui';`
3. 使用 Autocomplete 组件，代码示例：

<template>
  <div>
    <el-autocomplete
      v-model="value"
      :fetch-suggestions="querySearchAsync"
      placeholder="请输入内容"
      @select="handleSelect">
    </el-autocomplete>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      // 远程搜索方法
      querySearchAsync(queryString, callback) {
        // 请求数据
        axios.get('/api/search', { params: { q: queryString }})
          .then(res => {
            callback(res.data);
          });
      },
    };
  },
  methods: {
    handleSelect(item) {
      console.log(item);
    },
  },
};
</script>

以上代码中，`v-model` 绑定输入框的值，`:fetch-suggestions` 绑定远程搜索方法，`@select` 监听选中事件。在 `querySearchAsync` 方法中，我们请求后端接口进行搜索，将搜索结果通过回调函数返回给组件即可。