vxe-table 中filter-render的详细用法

`vxe-table` 是 Vue 组件库 Vuetify Easytable 的表格组件，它提供了一个 `filter-render` 属性，用于自定义过滤框的渲染内容。这个属性允许你完全控制每个列的筛选行为，包括显示的筛选选项、文本输入以及筛选操作。

`filter-render` 的基本用法如下：

<vxe-table :data="tableData" :columns="columns" filter-render="customFilterRender">
  <!-- 其他配置 -->
</vxe-table>

其中，`customFilterRender` 是一个函数，接收四个参数：
1. `column`：当前列的信息对象。
2. `value`：用户输入的筛选值。
3. `meta`：包含列原始数据的上下文对象。
4. `filters`：所有列的过滤器数组。

函数通常会返回一个 JSX 渲染元素，比如一个输入框：

methods: {
  customFilterRender({ column, value, meta, filters }) {
    return (
      <el-input v-model="filters[column.field].value" placeholder="请输入筛选条件"></el-input>
    );
  }
}

在这个例子中，每当用户在表头的筛选框中输入内容时，`customFilterRender` 函数会被调用，并更新对应字段的过滤器值。