elementui中在带有分页情况下的条件查询问题

需求:根据输入的内容查询表格数据,而且查询的序号以及分页都和原来的表格无关

问题:1、点击分页某一页后去查询某个数据返回结果是暂无数据,除非它的分页处于第一页时才能查到数据

           2.、(如最后一张图)当查询数据过多超出  页/10条  这个范围时,点击第二页它会返回到原来页面的第二页而不是查询后的第二页

 

 

 

// 处理分页切换
			handleSizeChange(val) {
				this.searchCLassRoomQueryInfo.limit = val
				this.searchClassRoomList()
			},
			handleCurrentChange(val) {
				this.searchCLassRoomQueryInfo.page = val
				this.searchClassRoomList()
			},

 

 

 

换页点击函数截图发一下   handleCurrentChange

没看懂你的描述  你是前端分页还是后端分页

检查分页的参数有没有带到后台,是前后分页还是后台,再检查一下执行的SQL有没有带分页

主要看下后台,是否获取到你传递的分页参数

前端分页 你自己做分页过滤, 每次点查询最好从后端获取全部数据 ,之后存起来,然后你进行前端过滤处理

export default {
  data() {
   return {
      allList: [], //所有数据
      totalPage: 1, // 统共页数,默认为1
      currentPage: 1, //当前页数 ,默认为1
      pageSize: 10, // 每页显示数量
      currentPageData: [] //当前页显示内容
     };
    },
    created () {
      this.handleAllList()
      this.totalPage = Math.ceil(this.allList.length / this.pageSize)
      this.totalPage = this.totalPage == 0 ? 1 : this.totalPage
      this.setCurrentPageData()
    },
mounted() {
},
methods: {
// 设置当前页面数据,对数组操作的截取规则为[0~10],[10~20]...,
    setCurrentPageData() {
        let begin = (this.currentPage - 1) * this.pageSize;
        let end = this.currentPage * this.pageSize;
        this.currentPageData = this.allList.slice(
        begin,
        end
      );
    },
    //上一页
    prevPage() {
        console.log(this.currentPage);
        if (this.currentPage == 1) return;
        this.currentPage--;
        this.setCurrentPageData();

    },
    // 下一页
    nextPage() {
        if (this.currentPage == this.totalPage)return ;
        this.currentPage++;
        this.setCurrentPageData();

        }
      }
};

希望采纳

分页要给后端来做!前端做的分页性能不好。!!