elementui分页(elementui分页全选)
ElementUI-pagination分页
```
template
el-pagination
??????:page-size.sync="pageSize"
??????:page-sizes="pageSizes"
??????:current-page.sync="currentPage"
??????:pager-count="pagerCount"
??????background
??????@size-change="handleSizeChange"
??????@current-change="handleCurrentChange"
??????layout="sizes,prev,pager,next,jumper,-,total"
??????:total="50"
????/el-pagination
??? ?!--?:total?属性设置总条数?--
????!--?layout?设置分页的子组件：sizes,prev,pager,next,jumper,-,total,slot?--
????!--?:page-size?每页显示的条数（默认为10）?=进行数据双向绑定.sync--
????!--?:page-sizes?每页显示个数选择器的选项设置，默认为[10,20,30,40,50,100]?--
????!--?.sync?修饰符可以和绑定的数据同步______其效果类似于:v-model?--
????!--?:current-page?当前页数，修饰符可以和绑定的数据同步?=进行数据双向绑定.sync?--
????!--?:pager-count?页码按钮的数量，当总页数超过该值时，页码会折叠（默认是7），必须是5~21之间的基数?--
????!--?background?可以为分页按钮添加背景色?--'
/template
script
export?default?{
??name:?"Pagination",
??methods:?{
????handleSizeChange(size){
??????alert(size);?//分页pageSize改变时，触发size-change事件
????},
????handleCurrentChange(page){
??????alert(page);//分页currentPage改变时，触发current-change事件
????}
??},
??data()?{
????return?{
? ? ? pageSize:5,//@1-此处为数据单向绑定
??????pageSizes:[2,5,10,20,30,40,50],
??????currentPage:3,
??????pagerCount:9
????};
??},
};
/script
```
elementui分页跳转激活不是当前页码
elementui分页跳转激活不是当前页码返回主页重新登录就可以了。elementui分页跳转激活不是当前页码是因为网络或网站的问题，退出后能给它一个缓存的时间，再重新登录就可以恢复正常了。
关于vue+Element-ui项目分页刷新不停留在当前页码bug解决
使用 pagination 组件进行分页时 ，
问题一：点击其他页码时刷新浏览器，页码默认跳转回到了第一页并没有停留在当前页码。
问题二：如果你并不是在第一页进行数据搜索分页，那么当你返回当前页，页面数据为离开时的数据，但页码显示为第一页，此时你再次点击刚才的页码，两页数据为一致，出现页码数据重复。
利用 localStorage 或者 sessionStorage 将跳转页面前的 currentPage 存储起来，当再次返回当前页的时候，在 created 生命周期里，获取到存储的 currentPage ，再进行加载，从而保持页面的一致性。
加入 v-if="pagination.total != 0 是为了防止，取得总条数 total 之前， element-ui 的分页组件先行在页面加载完毕，导致 total 初始化默认为0，当总条数为0的时候，分页组件的页码默认为1。并且当 total 在 created 生命周期里正确取到数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页码高亮依旧是第一页。
ElementUI的分页功能bug
elementUi的分页功能，当table表格的最后一页只有一项时，我们删除该最后一项，会出现当前页空白，而不是自动刷新到前一页，打印出来当前的currentPage仍然是之前的页数，但是实际页面显示中页码已经-1了。
当elementUI的分页功能结合了el-input输入框的模糊搜索功能，加入当前的currentPage不是在第一页，使用搜索功能，向后端发送请求，可能会出现搜索结果为空，因为currentPage并不是为1，搜索出来的第N页结果为空，需要手动使得当前currentPage为1.
elementuitable表格切换分页的时候卡顿
elementuitable表格切换分页的时候卡顿的原因是表格数据多。解决方法如下：
1、升级elementUI到v2.8.0以上。
2、避免使用表格中使用show-overflow-tooltip。
3、在el-table或父元素上设置z-index，或调高z-index（针对ie）。调高z-index时，页面弹出框等元素z-index值要比el-table大，否则会被遮挡