vue+element-ui分页功能

Posted 2023-03-05

参考技术A vue+element-ui分页功能

分页代码：

<el-pagination p=""> </el-pagination>

@size-change="handleSizeChange"

@current-change="handleCurrentChange"

:current-page="queryInfo.pagenum"

:page-sizes="[5, 10, 15, 20]"

:page-size="queryInfo.pagesize"

layout="total, sizes, prev, pager, next, jumper"

:total="total"

>

@size-change 绑定切换每页记录数事件

@current-change 切换页码事件

current-page当前页，传给后端

page-sizes 每页记录数数组

page-size：当前每页显示的记录数

layout:布局样式

total：总页数

配合后端接口完成