采用分页
<el-pagination background @size-change="handleSizeChangeAdd" @current-change="handleCurrentChangeAdd" :current-page="queryInfoAdd.pageNum" :page-sizes="[1, 5, 10, 50,300]" :page-size="queryInfoAdd.pageSize" layout="total, sizes, prev, pager, next,jumper" :total="totalAdd"></el-pagination>
requisitionTrue(val) {
this.quickedData = val;
this.totalAdd = this.quickedData.length;
this.queryInfoAdd.pageNum = 1;
this.queryInfoAdd.pageSize = 10;
this.setCurrentPageData();
}
setCurrentPageData() {
let begin = (this.queryInfoAdd.pageNum - 1) * this.queryInfoAdd.pageSize;
let end = this.queryInfoAdd.pageNum * this.queryInfoAdd.pageSize;
this.quickedDataDR = this.quickedData.slice(begin, end);
}
handleSizeChangeAdd(newSize) {
console.log(newSize);
this.queryInfoAdd.pageSize = newSize;
this.setCurrentPageData();
},
handleCurrentChangeAdd(current) {
console.log(current);
this.queryInfoAdd.pageNum = current;
this.setCurrentPageData();
},