vxe-table 中 filter-change的使用

`vxe-table` 是 Vue 电子表格插件 Vuetify Easy Table 的别名，它提供了一个名为 `filter-change` 的事件处理程序，用于监听表头单元格的过滤器状态改变。当你想要响应用户在特定列上应用或移除筛选条件时，可以使用这个事件。

在 `vxe-table` 组件中，`filter-change` 的基本使用方法如下：

<template>
  <vxe-table :data="tableData" @filter-change="handleFilterChange">
    <!-- 表头配置 -->
    <vxe-column header="Name" field="name" filterable />
    <!-- 更多列... -->
  </vxe-table>
</template>

<script>
export default {
  methods: {
    handleFilterChange(filterObj: { [field: string]: FilterOption }): void {
      console.log('滤镜已更改:', filterObj);
      // 这里可以根据 filterObj 更新状态，如调整视图，更新搜索结果等
    },
  },
  data() {
    return {
      tableData: ... // 数据列表
    };
  },
};
</script>

在这个例子中：
- `filter-object` 参数是一个对象，包含了每个列字段及其对应的过滤选项 (`FilterOption` 可能是你自定义的过滤类型或来自插件的内置类型)。
- `handleFilterChange` 方法会在每次过滤条件变化时被调用，你可以在此处处理过滤后的逻辑。