vue element-ui 表格筛选存在分页时只能筛选当前页数据如何解决?

新手上路,请多包涵

vue element-ui el-table表格筛选存在分页时只能筛选当前页数据

参考了一下https://segmentfault.com/q/10...

但是描述有点不清晰,说的大概是是通过filter-change拿取当前筛选列以及筛选传递的value值,然后自定义filter.但是这样又怎么去改变表格数据tables以及页数呢

相关代码

//表格数据绑定tables为自定义compute筛选,筛选搜索框输入值
:data="tables.slice((pageIndex-1)pageSize,pageIndexpageSize)"
@filter-change="filterChange"

//methods

filterChange(a){

                // console.log(a);  //Object { "el-table_3_column_28": (1) […] }
                let tableData = this.classBook;
                for(let i in a){
                    // console.log(i+':'+a[i])
                    return tableData.filter(dataNews => {
                        return String(dataNews[i]).toLowerCase().indexOf(a[i]) > -1
                    })
                }
                console.log('aaaaaa');  //无法打印
                console.log(tableData); //无法打印
                // return tableData;
            },

//tables

if (search) {

                    return tableData.filter(dataNews => {
                        return Object.keys(dataNews).some(key => {
                            return String(dataNews[key]).toLowerCase().indexOf(search) > -1
                        })
                    })
                }
                return tableData


阅读 10.1k
3 个回答

如果是前端做的筛选 肯定是基于数据的 你分页过来的数据就是当前页的 我再怎么筛选也只有当前页的数据。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏