vue使用组件实现json数据分页

这篇博客介绍如何在Vue.js中利用组件和数组的slice方法实现JSON数据的分页。通过计算每页的起始和结束索引,可以有效地截取数据以展示在表格组件中。例如,当每页显示3条记录,从第二页开始时,会从第3条数据开始截取到第6条数据。示例代码展示了具体的实现方式。
摘要由CSDN通过智能技术生成

table表格组件中将数据切割截取

数组.slice(开始,结束)

数组.slice((当前页数-1)*每页条数,当前页数*每页条数)

假设:从第二页开始每页保留3条,

那么当前页2-1=1,1*每页条数3=3, 当前页2*每页条数3=6。

最后得出从第3条数据开始截取到第6条数据

代码如下:注:我的page...数据在formInline对象中定义所以是formInline.page......

 data数据定义如下:

 事件:

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值