el-table自定义表头筛选

el-table是Element UI中的一个表格组件，它提供了丰富的功能，其中包括自定义表头筛选。要实现自定义表头筛选，需要在表头中使用el-table-column组件，并设置其prop属性为需要筛选的字段名，然后使用filter-method属性来指定筛选方法。具体步骤如下：

1. 在el-table中使用el-table-column组件，并设置其prop属性为需要筛选的字段名，例如：prop="name"

2. 在el-table-column中设置filter-method属性，该属性指定了一个自定义筛选方法。例如：

filter-method: function(value, row, column) {
return value === '张三';
}

该方法接受3个参数：value表示当前单元格的值，row表示当前行的数据对象，column表示当前列的数据对象。方法返回true则表示该行数据会被筛选出来。

3. 最后，在el-table-column中设置filterable属性为true，启用筛选功能。

下面是一个完整的示例：

<el-table :data="tableData">
<el-table-column prop="name" label="姓名" filter-method="filterName" filterable></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>

<script>
export default {
data() {
return {
tableData: [
{ name: '张三', age: 18 },
{ name: '李四', age: 20 },
{ name: '王五', age: 22 }
]
};
},
methods: {
filterName(value, row, column) {
return value === '张三';
}
}
};
</script>