一般情况前端分页数据一般都会请求接口,都断返回相应的分页数据,有些情况,数据量不多的情况下,后端会返回全量数据,分页功能需要前段自己去代码实现~~~
难吗~~~
一点也不难~~~~
首先 这样 那样 再那样就好了
哈哈~~~ 开个玩笑~~~~~~~~ 接下来具体看看怎么实现的
第一步: 请求接口返回全量数据
第二部:
pagination: { // data里面的分页数据
pageSize: 10,
pageNum: 1,
total: 0
},
sliceTableData () { // 截取当前页数据的方法
// 开始页数
const startPage = (this.pagination.pageNum - 1) * this.pagination.pageSize
// 结束页数
const endPage = this.pagination.pageNum * this.pagination.pageSize
// 截取当前页面的数据
this.tableData = this.allTableData.slice(startPage, endPage)
},
// 分页变化的方法
onShowSizeChange (pageNum, pageSize) {
this.pagination.pageNum = 1
this.pagination.pageSize = pageSize
this.sliceTableData()
},
怎么样,简单吧 ~~~~~~~
赶紧动起来吧