Vueelement-ui-中的table表格和分页组件实现分页效果

其实思路很简单
拿到你分页组件的下标 根据你当前页的下标*每页数 slice切一下每页显示的数据就好了

首先我们要知道这三个api

设置好他们的默认值并在page组件上添加

allstudents是我们默认拿过来的axios的所以数据

下面是我的第一个思路,写在computed计算属性中slice切

这样就渲染了我们当前页面下标的数据啦

还有你可以直接在table上动态切割,我还是习惯于写在computed中


呐,其实并不难

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理