前端实现表格数据分页

1.定义分页参数

    paginationFile: {
        current: 1, // 当前选中
        pages: 0, // 总页数
        size: 50, // 分页大小
        total: 0, // 总条数
      }

2.分页操作函数

paginationFileChange (data) {
  this.paginationFile.current = data.current
  this.paginationFile.size = data.pages
},

3.数据赋值

:data="fileData.slice((paginationFile.current-1)*paginationFile.size,paginationFile.current*paginationFile.size)"

4.初始化分页参数

其他相关操作需要初始化分页参数

   this.paginationFile = {
        current: 1, // 当前选中
        pages: 0, // 总页数
        size: 50, // 分页大小
        total: 0, // 总条数
      }