前端element-ui 分页

 <el-pagination
              layout="total, prev, pager, next"
              :total="pagers.total"
              :current-page="pagers.page"
              :page-size="pagers.limit"
              @current-change="handlePageChange"
              :page-sizes="[1, 5, 10, 20]"
              style="float: right; margin-top: 5px"
            >
            </el-pagination>


data(){
  return {
tableData:[],
pagers: {
        limit: 7,
        page: 1,
        total: 0,
      },
    
    }
}

方法一：
    handlePageChange(val) {
      this.pagers.page = val;
      this.tableData = this.data.slice((this.pagers.page - 1) * this.pagers.limit,this.pagers.page * this.pagers.limit )
    },

表格数据：
this.tableData = this.data.slice((this.pagers.page - 1) * this.pagers.limit,this.pagers.page * this.pagers.limit )