vue实现多条件模糊查找且兼容分页

实现多条件模糊查找且兼容分页:
搜索的方法如下:

 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)
 }

猜你喜欢

转载自blog.csdn.net/weixin_44692296/article/details/108409027
今日推荐