ele-ui 输入框带输入自动搜索

如果你想在 EleUI 的输入框中输入关键字后自动进行搜索，可以使用 `el-input` 组件的 `@input` 事件来监听输入框内容的变化，然后在事件处理函数中进行搜索操作。

示例代码如下：

<el-input v-model="searchKeyword" placeholder="请输入关键字" style="width: 200px;" @input="autoSearch"></el-input>

其中，`v-model` 指令用于双向绑定输入框中的值到 `searchKeyword` 变量上，`@input` 监听输入框内容的变化，触发 `autoSearch` 方法进行搜索操作。

在 Vue 实例中，定义 `searchKeyword` 变量和 `autoSearch` 方法：

data() {
  return {
    searchKeyword: ''
  }
},
methods: {
  autoSearch() {
    // 根据 searchKeyword 进行搜索操作
    // ...
  }
}

在 `autoSearch` 方法中，你可以根据 `searchKeyword` 变量的值进行搜索操作，比如发送请求到后端获取搜索结果，或者在本地过滤数据。

注意，这种方式会在输入框每次输入内容时都触发搜索操作，性能可能会受到影响。如果需要优化性能，可以使用 debounce 或 throttle 函数来限制搜索操作的频率。例如，使用 lodash 库中的 `_.debounce` 函数，将 `autoSearch` 方法包装成防抖函数：

import { debounce } from 'lodash'

methods: {
  autoSearch: debounce(function() {
    // 根据 searchKeyword 进行搜索操作
    // ...
  }, 500)
}

这样，当输入框内容变化时，只有在停止输入 500ms 后才会触发搜索操作。