需求:根据输入的内容查询表格数据,而且查询的序号以及分页都和原来的表格无关
问题: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();
}
}
};
希望采纳
分页要给后端来做!前端做的分页性能不好。!!