el-autocomplete实现点击按钮触发

`el-autocomplete`是Element UI库中的一个组件，用于提供输入框和自动补全功能。如果你想通过点击按钮而非用户直接输入来触发自动补全，你可以这样做：

首先，在`<el-form>`或其他容器中添加一个`<el-button>`标签，将其`@click`事件绑定到一个函数上，这个函数负责处理自动补全的请求。例如：

<template>
  <el-form>
    <el-input v-model="searchText" placeholder="请输入搜索关键词"></el-input>
    <el-button @click="handleSearch">搜索</el-button>
    <el-autocomplete :fetch-suggestions="querySearch" placeholder="搜索">
      <!-- 其他配置 -->
    </el-autocomplete>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      searchText: '',
      // 自动补全查询函数的定义
      querySearch: ({ keyword }) => {
        this.searchText = keyword;
        // 根据需求向服务器发送GET请求获取数据
        // 示例：axios.get('your-api-url', { params: { q: keyword } })
        // 然后返回一个包含建议数据的结果数组
        // 返回结果应类似：['建议1', '建议2', ...]
      },
    };
  },
  methods: {
    handleSearch() {
      // 触发自动补全
      this.querySearch({ keyword: this.searchText });
    },
  },
};
</script>

在这个例子中，当你点击“搜索”按钮时，`handleSearch`方法会被调用，它会将当前的搜索文本传递给`querySearch`函数，进而启动自动补全。