element ui分頁器的使用
阿新 • • 發佈:2018-11-30
<el-pagination
layout="total, prev, pager, next, jumper"
:current-page="pageInfo.page"
@current-change="onPageChange"
:total="totalElementsData">
</el-pagination>
pageInfo: { page: 1, size: 10, }, totalElementsData:0,
onPageChange (page) {
this.pageInfo.page = page
this.fetchData()
},
fetchData (data = {}) { this.listLoading = true setTimeout(() => { this.listLoading = false }, 20000) this.criteria.page = this.pageInfo.page this.criteria.size = this.pageInfo.size var { name,contact, createStart,createEnd, checkStart,checkEnd, status ,page, size} = this.criteria var params ={ name, contact, createStart, createEnd, checkStart, checkEnd, status,page, size} fetchBusiness.cashManageData(params).then(res => { this.loading = false if (res.status === 200) { this.listLoading = false this.getCashList = res.data.data.content this.totalElementsData = +res.data.data.totalElements //這裡獲取totalElementsData資料 } else { this.$message({ message: res.data.message, duration: 3000 }) } }) },