上代码:
data:
leftPage: {
total: 0, //共计多少条
currentPage: 1, // 当前页数
pageSize: 10, // 每页显示多少条
layout: "total,pager,prev, next",
background:false,
},
tableDataLeft:[],
selectedPersonals:[],
methods:
personalList(page,params) {
getEmpolyOperablePage(Object.assign({
current: page.currentPage,
size: page.pageSize,
}, params)).then((response) => {
// console.log("可操作人员列表:" + JSON.stringify(response.data.data.data.total))
this.tableDataLeft = response.data.data.data.records;
this.leftPage.total = response.data.data.data.total;
});
},
leftSizeChange(val) {
this.leftPage.pageSize = val;
this.personalList(this.leftPage);
},
leftCurrentChange(val) {
this.leftPage.currentPage = val;
this.personalList(this.leftPage);
},
leftRefreshChange(){
this.personalList(this.leftPage);
},
handleSelectionChange(selection) {
this.selectedPersonals = selection;
},
其实这都是正常的啊avue 的配置,但是有个坑提醒大家,就是后端传来的每一条数据都要有明确的id 这是avue框架本身需要,不带或者为null的话分页记忆勾选可能会不好使,我跟同事踩了好几天的坑