element- UI分页功能

element- UI中分页功能的完整版记录：

之前关于element- UI是有很多的记录，但是当时在记录的时候，使用也不是很清晰，现在项目又遇到了分页功能，所以想完整的记录一下：

这是html中的部分

<el-pagination
      @size-change="handleSizeChange(val,currentpage)"
      @current-change="handleCurrentChange"
      :page-sizes="[5, 10]"
      :page-size.sync="pageSize"
      :current-page.sync="page"
      layout="total, sizes, prev, pager, next, jumper"
      :total="totalCount"
      class="pagination">
     </el-pagination>

data中的部分：

page:1,
pageSize:5,
totalCount: '',

methods中函数：

handleSizeChange(val) {
      getTasksPaginationList(val,5).then((res)=>{
        this.tableData = res.data.tasks
      })
    },
    handleCurrentChange(val) {
      getTasksPaginationList(val,this.pageSize).then((res)=>{
        this.tableData = res.data.tasks
      })
    },