element ui 上一页下一页_vue+element-UI实现分页效果

当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。

1.本次所使用的是vue2.0+element-ui实现一个分页功能，element-ui这个组件特别丰富，分页中给我提供了一个Pagination 分页，使用Pagination 快速完成分页功能

最终效果展示

数据管理

用户列表

:data="userList.slice((currentPage-1)*pagesize,currentPage*pagesize)" //对数据请求的处理，最为重要的一句话

>

@size-change="handleSizeChange"

@current-change="handleCurrentChange"

:current-page="currentPage"

:page-sizes="[5, 10, 20, 40]" //这是下拉框可以选择的，每选择一行，要展示多少内容

:page-size="pagesize" //显示