前端分页方法

2019-04-18 08:59:58来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

 

vue或element-ui有的时候tab列表里需要编辑一些东西,使用后台分页是需要调接口的,这个时候你编辑的东西翻页后就不存在了,就需要拿到所有数据后在前端进行分页,数据就不会丢失了,这个时候就可以把编辑后的数据一起传给后台。

this.settlementData这里是接口拿回来的所有数据,

然后table 里data 绑定的值这么写

data 绑定的值 = this.paging(this.pagesize, this.current)

只需要把pagesize和current 传过去就行

paging(pagesize, current) {
/* const tableList = JSON.parse(JSON.stringify(this.tableCopyTableList));*/
const tablePush = []
this.settlementData.forEach((item, index) => {
if (pagesize * (current - 1) <= index && index <= pagesize * current - 1) {
tablePush.push(item)
}
})
return tablePush
}

 老铁们有需要改进的地方可以给我留言

 

如果您觉得文章有用,可以打赏个咖啡钱


原文链接:https://www.cnblogs.com/zazahao/p/10706078.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:拖拽模版

下一篇:[开发技巧]&#183;HTML检测输入已完成自动填写下一个内容