vue 多个条件查询el-table

在Vue中，使用Element UI的`el-table`组件进行多个条件的查询通常涉及到数据过滤和动态渲染。Element的`el-table-column`允许你设置`filters`属性来实现列级别的过滤，而`filter-method`则提供了自定义过滤逻辑的能力。以下是一个简单的例子，展示如何在`el-table`中进行多个条件的查询：

<template>
  <el-table
    :data="tableData"
    @filter-change="handleFilterChange"
  >
    <el-table-column
      prop="name"
      label="Name"
      filterable
      filter-method="filterByName"
    />
    <el-table-column
      prop="age"
      label="Age"
      filterable
      filter-method="filterByAge"
    />
    <!-- 添加其他列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Alice', age: 20 },
        { name: 'Bob', age: 30 },
        // 更多数据...
      ],
      filters: {}, // 存储当前的过滤条件
    };
  },
  methods: {
    handleFilterChange(field, value) {
      this.filters[field] = value; // 更新过滤条件
      this.$refs.table.filter(); // 调用表格的过滤方法
    },
    filterByName(row) {
      // 按照name字段的值过滤
      return row.name.includes(this.filters.name);
    },
    filterByAge(row) {
      // 按照age字段的值过滤
      return row.age === parseInt(this.filters.age);
    },
  },
};
</script>

在这个例子中，`handleFilterChange`方法监听`el-table`的过滤事件，当用户输入新的过滤条件时，它会更新`filters`对象并调用表格的过滤方法。`filterByName`和`filterByAge`是自定义的过滤方法，分别处理`name`和`age`列的过滤逻辑。

相关问题：
1. `filter-method`属性的作用是什么？
2. 如何在Vue中为el-table的每一列都添加过滤功能？
3. 如果我想实现更复杂的过滤条件，比如组合条件或动态条件，应该如何扩展？