<template>
<div>
<el-pagination background layout="total, prev, pager, next" :current-
page="query.pageIndex"
:page-size="query.pageSize" :total="pageTotal" @current-
change="handlePageChange"></el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
query: {
//比如一下案列
username: '',
address: '',
page: 1,
pagelimit: 6,
//后端需要的参数
},
pageTotal: 50,
}
},
created() {
this.obj(), //显示列表·············
},
methods: {
obj() {
this.$apiPost('显示列表接口',this.query).then(res => {
this.arr = res.data.data
console.log(this.arr);
})
},
handlePageChange(val) {
console.log(val);
this.$set(this.query, 'page', val)
// this.fen()
this.obj()
}
},
mounted() {
},
}
</script>
// 直接复制 然后根据自己的后端参数进行修改参数,显示列表接口也需要修改