欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端分页方法

程序员文章站 2022-07-05 15:12:10
vue或element-ui有的时候tab列表里需要编辑一些东西,使用后台分页是需要调接口的,这个时候你编辑的东西翻页后就不存在了,就需要拿到所有数据后在前端进行分页,数据就不会丢失了,这个时候就可以把编辑后的数据一起传给后台。 this.settlementData这里是接口拿回来的所有数据, 然 ......

 

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
}

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

 

如果您觉得文章有用,可以打赏个咖啡钱前端分页方法

前端分页方法

前端分页方法

前端分页方法前端分页方法