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: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！