el-table搜索

el-table组件是Element UI中用于展示表格数据的一个组件。在使用el-table进行数据展示时，经常会需要添加搜索功能，以方便用户快速找到自己想要的信息。实现el-table搜索功能的方式有多种，下面是其中一种常用的方法：

1. 在el-table中定义一个搜索栏，并为其绑定一个数据模型（通常是一个表单模型），用于存放用户输入的搜索关键词。
2. 在el-table组件中添加一个`filter-method`属性，该属性接受一个方法名，该方法负责定义搜索逻辑。
3. 在Vue组件的methods中定义该方法，此方法将遍历el-table的`data`数据源，并检查是否包含搜索关键词。
4. 如果某行数据包含关键词，则该行数据将被返回显示；否则，该行数据会被过滤掉。

示例代码如下：

<template>
  <div>
    <el-input v-model="filterText" placeholder="请输入搜索内容"></el-input>
    <el-table :data="tableData" filter-method="filterTable">
      <!-- 定义表格列 -->
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      filterText: '', // 搜索关键词
      tableData: [ /* 表格数据 */ ],
    };
  },
  methods: {
    filterTable(value, row, column) {
      return row.name.includes(value) || row.age.includes(value);
    },
  },
};
</script>

在上述示例中，`filterTable`方法将检查每一行的`name`和`age`字段是否包含`filterText`变量中存储的搜索关键词。