要定义分页数据
//分页数据
const currentPage = ref(1) //当前的页码
const total = ref(0) //总数据
const limit = ref(10) //每页多少条
// 获取管理员列表
function getList(p = null){
if(typeof p == 'number'){
currentPage.value = p
}
getManagerList(currentPage.value)
.then(res=>{
console.log(res);
tableData.value = res.list
total.value = res.totalCount
})
}
getList()
使用element-plus的分页组件
<!-- 分页 -->
<div class="flex items-centet justify-center mt-5">
<el-pagination background layout="prev,pager,next"
:total="total"
:page-size="limit"
:current-page="currentPage"
@current-change="getData"
/>
</div>
current-page:当前页数
page-size:每页显示条目个数
total:总的数据条数
current-change:点击分页触发的事件,重新获取数据