el-table实现前端分页

<el-table row-key="id"
          :data="list.slice((currentPage - 1) * pageSize, currentPage * pageSize)">
          <el-table-column label="序号" type="index" width="50"></el-table-column>
</el-table>
<el-pagination background layout="prev, pager, next,jumper, ->, total"
            :total="form.teMsPlanItemList.length" @current-change="handleCurrentChange"
            :current-page="currentPage" :page-size="pageSize">
</el-pagination>

// 分页
const pageSize = ref(10)
const currentPage = ref(1)
const handleCurrentChange = (val) => {
  currentPage.value = val
}