Vue+element ui 中的table表格和分页组件实现分页效果

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

首先我们要知道这三个api
《Vue+element ui 中的table表格和分页组件实现分页效果》

设置好他们的默认值并在page组件上添加《Vue+element ui 中的table表格和分页组件实现分页效果》《Vue+element ui 中的table表格和分页组件实现分页效果》

allstudents是我们默认拿过来的axios的所以数据
《Vue+element ui 中的table表格和分页组件实现分页效果》
下面是我的第一个思路,写在computed计算属性中slice切
《Vue+element ui 中的table表格和分页组件实现分页效果》

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

还有你可以直接在table上动态切割,我还是习惯于写在computed中
《Vue+element ui 中的table表格和分页组件实现分页效果》

呐,其实并不难

    原文作者:码工思博
    原文地址: https://segmentfault.com/a/1190000020087100
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞