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

2019-08-16

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

首先我们要知道这三个api 图片描述

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

allstudents是我们默认拿过来的axios的所以数据 图片描述下面是我的第一个思路,写在computed计算属性中slice切 图片描述

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

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


呐,其实并不难

原文链接:segmentfault.com

上一篇:LeetCode 攻略 - 2019 年 8 月上半月汇总(109 题攻略)
下一篇:Vue中组件传值的多重实现方式·~
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部