element table 过滤器_element Table 实现筛选功能

业务中table中需要筛选数据的功能，要求在表头里实现一个下拉框进行筛选。

首先， Element-ui 的官方文档介绍，在列中设置filters filter-method属性即可开启该列的筛选，filters 是一个数组，filter-method是一个方法，它用于决定某些数据是否显示，会传入三个参数：value, row 和 column。但是filter-method 是数据过滤的方法，但是只支持已有数据的筛选，不支持后台排序。通过阅读官方文档，我们可以利用 filter-change 事件来实现。filter-change 会返回一个参数，key：column 的 columnKey，可以用Object.keys()获取key值，然后判断是那一列进行了筛选操作(多列筛选时用到)，value：就是筛选的条件。

清除日期过滤器

清除所有过滤器

ref="filterTable"

:data="tableData"

style="width: 100%">

prop="date"

label="日期"

sortable

width="180"

column-key="date"

:filters="[{text: -05-01, value: -05-01}, {text: -05-02, value: -05-02