前端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.splice((this.pagers.page - 1) * this.pagers.limit,this.pagers.page * this.pagers.limit )

上一篇:uni-app 93 群聊列表分页(一)


下一篇:芯动力——硬件加速设计方法 学习笔记 5.逻辑综合1