利用elementUI中el-pagination写页码,从接口中获取total。
<tempalte>
<div>
<el-pagination
:current-page="pageNum"
background
:page-size="pageSize"
layout="prev, pager, next, jumper"
:total="total"
@size-change="pageSizeChange"
@current-change="pageCurrentChange"
>
</el-pagination>
</div>
</tempalte>
<script>
export default {
data() {
return {
pageNum: 1,
pageSize: 10,
total: 0,
}
},
methods:{
getProjectList() {
const tempData = {
pageNum: this.pageNum,
pageSize: this.pageSize,
this.$api.projectList(temData).then((res) => {
if (res.code == "2000") {
this.total = res.data.total;
}
});
};
},
pageSizeChange(val) {
this.pageSize = val;
this.pageNum = 1;
this.getProjectList();
},
pageCurrentChange(val) {
// 当前页
this.pageNum = val;
this.getProjectList();
},
}
}
</script>