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:就是筛选的条件。




你可能感兴趣的:(element Table 实现筛选功能)