<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> // 直接复制 然后根据自己的后端参数进行修改参数，显示列表接口也需要修改
