实现多条件模糊查找且兼容分页:
搜索的方法如下:
searchList() {
const arr = [...this.tableList] // 返回的所有数据
const searchObj = {userName: this.searchForm.userName, userTelNum: this.searchForm.userTelNum} //根据输入的用户名和手机号模糊查找
const filterArr= arr.filter(item => {
return Object.keys(searchObj).every(key => {
return item[key].includes(searchObj[key])
})
})
this.total = filterArr.length // 符合条件的总条数
this.tableData = this.pageBySize([...filterArr], this.searchForm.page, this.searchForm.limit) // 分页
},
分页的方法:
pageBySize(arr, page, size) {
return arr.splice((page-1)*size, size)
}