el-input输入框设置模糊查询表格数据

要实现在 el-input 输入框中进行模糊查询表格数据，你可以按照以下步骤进行操作：

1. 在 el-input 中添加 v-model 指令来绑定输入框的值，例如： `<el-input v-model="searchText"></el-input>`

2. 在表格的数据源中添加一个筛选方法，在该方法中实现模糊查询的逻辑。例如，你可以使用 JavaScript 的 filter() 方法来过滤数据。示例代码如下：

data() {
  return {
    searchText: '',
    tableData: [ /* your table data here */ ]
  }
},
computed: {
  filteredData() {
    return this.tableData.filter(item => {
      return item.name.toLowerCase().includes(this.searchText.toLowerCase());
    });
  }
}

在上述代码中，我们使用了 computed 属性来创建一个计算属性 filteredData，它会根据输入框的值进行过滤。我们使用 filter() 方法来对表格数据进行过滤，只保留包含搜索文本的数据项。

3. 在表格中使用 filteredData 替代原始的 tableData 来展示过滤后的数据。例如：

<el-table :data="filteredData">
  <!-- 表格列定义 -->
</el-table>

现在，当你在输入框中输入文本时，表格会根据输入的内容进行模糊查询并展示匹配的数据项。

希望这个解答对你有帮助！如果有任何疑问，请随时提问。