vue.js - vue+element-ui 表格+分页 只能过滤当前页面，可否过滤全部数据？

问题描述

问 题

使用element的表格和分页，然后是前端获取全部数据后进行分页，但是只能过滤当前页面数据，可是我想过滤全部的数据，怎么办呢？
文档里的demo都是没有分页的

...]
而且回调函数也只有两个参数，不能重新制定过滤的data

所以我想能不能自己定制一个，可是table组件里的表头里面好像是不能随意加东西的，都是通过属性配置的

不知道大神们有没有什么好的建议和方法？感激不尽~

解决方案

好吧我又自问自答了。。经过这两天的调研，得出了一个方案，并且已经实现了多列多条件筛选，希望有人遇到相同问题可以参考一下。
其实element table有一个事件filter-change，带一个参数filters :

当表格的筛选条件发生变化的时候会触发该事件，参数的值是一个对象，对象的 key 是 column 的 columnKey，对应的 value 为用户选择的筛选条件的数组。

那么好了，有了这个表头筛选条件的自定义事件，就可以自己定制过滤事件了。

可以和column-key配套使用，当有多列筛选的时候，能够从filters中知道当前是哪一列

column 的 key，如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件

这篇关于vue.js - vue+element-ui 表格+分页 只能过滤当前页面，可否过滤全部数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！