element ui table+分页 筛选全部数据

需求：element ui table组件筛选全部数据

element ui 文档

demo
demo2

注意：

1. @filter-change 要写在table根元素，也就是<el-table @filter-change="filterChange"></el-table>

2. 需要筛选的项，要写上 :column-key=" ' aaa ' " 

3. 要搜索全局，就要去掉对应筛选项的 :filter-method="xx"。 

ps:   filter-method 筛选当前页面，不会请求后端接口，条数多的话，会造成死循环

filter-method

methods:{

   filterChange(filters){ // 自定义筛选规则

    if(filters.aaa){ // 无论单选多选都是拿到一个数组，如果需要数字需要相应的转换

// 单选，需要传数字给后端，所以我直接取 this.xx = filters.aaa[0]

        this.getAll() // 调用筛选的方法

    }

 }

}