el-table实时过滤

`el-table`是Element UI库中的一个表格组件，它支持实时过滤功能，这使得用户可以在数据展示的过程中输入关键词，表格会自动筛选出包含该关键词的数据行，即时更新显示结果。这个功能通常通过`filter-method`属性来配置，提供一个自定义函数，该函数接收搜索关键字和原始数据，然后返回经过过滤后的数据。

以下是一个简单的示例：

<template>
  <el-table
    :data="tableData"
    :filter-method="filterMethod"
    filter-placement="bottom-end"
    @filter-change="handleFilterChange">
    <!-- table列定义 -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: ...,
      searchKeyword: ''
    };
  },
  methods: {
    filterMethod(value, column) {
      // 这里可以根据column字段名和searchKeyword进行匹配过滤
      if (!value) return true;
      const { prop } = column;
      return this.tableData.some(item => item[prop].includes(value));
    },
    handleFilterChange(keyword) {
      this.searchKeyword = keyword;
    }
  }
};
</script>

在这个例子中，当用户改变`searchKeyword`时，`handleFilterChange`会被触发，然后`filterMethod`会根据新的搜索词对数据进行过滤。