vue的table 进行筛选时 如何动态改变filters的数组

要动态改变Vue的table表格的`filters`数组，可以通过Vue的响应式数据特性以及Vue的`$set`方法来实现。

首先，在Vue组件的`data`选项中定义`filters`数组，并将其绑定到`<el-table>`组件的`filters`属性上，例如：

<template>
  <el-table :data="tableData" :filters="filters" @filter-change="handleFilterChange">
    ...
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      filters: [
        { text: '男', value: 'male' },
        { text: '女', value: 'female' },
      ],
      tableData: [...],
    }
  },
  methods: {
    handleFilterChange(filters) {
      // 处理筛选条件发生变化的事件
    },
    addFilter(text, value) {
      // 添加筛选条件
    },
    removeFilter(text) {
      // 删除筛选条件
    }
  }
}
</script>

在上面的示例中，`filters`数组定义了两个筛选条件，分别是“男”和“女”，并将其绑定到`<el-table>`组件的`filters`属性上。同时，定义了`addFilter`和`removeFilter`方法，用于添加和删除筛选条件。

接下来，在`addFilter`方法中，可以通过Vue的`$set`方法动态地向`filters`数组中添加新的筛选条件，例如：

addFilter(text, value) {
  this.$set(this.filters, this.filters.length, { text, value })
}

在上面的代码中，通过`$set`方法向`filters`数组的末尾添加了一个新的筛选条件，其中第一个参数指定了要修改的数组，第二个参数指定了要修改的元素的索引，第三个参数则指定了要添加的元素。

类似地，在`removeFilter`方法中，可以通过Vue的`$delete`方法动态地从`filters`数组中删除指定的筛选条件，例如：

removeFilter(text) {
  const index = this.filters.findIndex(f => f.text === text)
  if (index >= 0) {
    this.$delete(this.filters, index)
  }
}

在上面的代码中，首先通过`findIndex`方法找到要删除的筛选条件的索引，然后根据索引使用`$delete`方法从`filters`数组中删除指定的筛选条件。

这样，就可以通过Vue的响应式数据特性以及`$set`方法和`$delete`方法动态地改变Vue的table表格的`filters`数组了。