使用element ui+vue2结合表格实现分页器

293 阅读1分钟

本文已参与「新人创作礼」活动, 一起开启掘金创作之路。

因为要重构后台,所以选择了element ui+vue2来重构,然后遇到了表格数据进行分页

在这里插入图片描述

我认为实现分页最重要的两个点 第一,数据的绑定

:data="acharr.slice((currentPage-1)*pagesize,currentPage*pagesize)"

第二,长度

:total="acharr.length"

因为后台没有处理数据,所以数据需要前端来处理,我的数据格式

在这里插入图片描述

代码(因为我的代码涉及到数据接口的获取,就不分享给大家,贴代码片段吧)

在这里插入图片描述

到这里分页和表格结合的分页器就已经实现