数据越来越多,需要我们来进行分页的功能,所以今天小欢呢来为大家说一下简单分页的实现,代码和思路呢纯属是个人的想法,大家有什么更好的也可以对我提出来,我会吸取学习的。
<el-pagination
background
layout="prev, pager, next, jumper"
prev-text="上一页"
next-text="下一页"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currpage"
:page-size="pageSize"
:total="total"
></el-pagination>
里面具体的一些属性,大家可以查看官网的api介绍
官网地址
https://element.eleme.io/#/zh-CN/component/pagination
data数据(一般我们需要动态从接口获取后台数据)
data() {
return {
tableData: [],
pageSize: 10, //每一页的数据
currpage: 1, //当前页
total: 0, //所有的数据