后端不给接口的情况下，前端如何处理数据手写完整分页器

<template>
  <el-table
    :data="tableDataArray.slice((currentPage-1)*pageSize,currentPage*pageSize)"
  >
    <el-table-column.../>
  </el-table>
  <el-pagination
    style="float:right"
    :current-page.sync="currentPage"
    :page-sizes="[10,20,30,40]"
    :page-sizes="pageSize"
    layout="total,size,prev,pager,next,jumper"
    :total="total"
    @size-change="handleSizeChange"
    @curren-change="handleCurrentChange"
  />
</template>

<script>
  data() {
    currentPage: 1,
    total: 0,
    pageSize: 10
  },
  methods: {
    handleSizeChange(val) {
      this.pageSize = val
    },
    handleCurrentChange(val) {
      this.currentPage = val
    }
  }
</script>