分页功能

今天项目bug不多,抽空把一些常用的功能整理一下!!!

1.页面代码

<el-pagination
    :page-sizes="[10, 30, 50, 100]"
    :page-size="pageSize"
    :current-page="currPage"
    background
    @current-change="handleCurrentChange"
    @size-change="handleSizeChange"
    layout="total, sizes, prev, pager, next, jumper"
    :total="total"
></el-pagination>

2.data

data(){
  return{
    currPage: 1,
    pageSize: 10,
    total: 0,
  }
}

3.methods

handleCurrentChange(val) {
    this.currPage = val;
    this.getDatalist();
},
handleSizeChange(val) {
    this.pageSize = val;
    this.getDatalist();
}