vue + element 分页组件使用 以及实现刷新后页码不掉

1 分页组件初步介绍

分页组件最主要的参数有三个

1. current-page 当前页数,也就是当前的页面的页码,这是刷新后仍在当前页的关键参数
2. page-size 每页显示条目个数，注意别和 page-size 搞混
3. total 总条目数 就是所有数据的总量
   注: 以上参数的值皆为 number 类型,为什么要强调这个呢?因为在刷新的时候会用到
   其余的参数
   ~ background boolean 是否为分页按钮添加背景色
   ~ layout string 组件布局，子组件名用逗号分隔
   ~ current-change currentPage 改变时会触发的事件

 <el-pagination
                    background
                    layout="prev, pager, next"
                    :current-page="pageNum"
                    :page-size="10"
                    :total="pageTotal"
                    @current-change="changePage">
 </el-pagination>

2 分页组件的使用

1

// 设置 当前页数为 1 
 private pageNum = 1;

2
要实现刷新后页码不掉功能,关键在于 pageNum