el-input实现输入搜素

el-input是Element UI框架中的一个输入框组件，用于接收用户的输入。要实现输入搜索功能，可以借助该组件的事件和属性。

首先，在el-input组件中，你可以使用@keyup事件监听用户的键盘输入，然后触发一个方法来进行搜索操作。例如：

<el-input @keyup="search" v-model="keyword"></el-input>

在data中定义keyword属性，用于双向绑定输入框的值。search方法可以根据输入的关键字进行搜索操作。

接下来，你可以在search方法中使用关键字来过滤搜索结果。根据你的需求，你可以使用数组的filter方法或者发送Ajax请求到后端接口进行搜索。例如：

methods: {
search() {
// 使用关键字过滤搜索结果或者发送Ajax请求进行搜索
// 这里只是一个示例，你需要根据实际需求自行实现
this.filteredResults = this.data.filter(item => {
return item.name.includes(this.keyword);
});
}
}

最后，你可以使用v-for指令将搜索结果展示出来。例如：

<el-select v-model="selectedItem">
<el-option v-for="item in filteredResults" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>

在上面的代码中，filteredResults是根据关键字过滤得到的搜索结果，你可以根据实际需求修改。

这样，当用户在el-input组件中输入关键字时，就会触发搜索操作，并将搜索结果展示在el-select组件中。

希望以上信息对你有所帮助！