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
如果是前端做的筛选 肯定是基于数据的 你分页过来的数据就是当前页的 我再怎么筛选也只有当前页的数据。