vue中的分页 啊!

 <div class="block">
      <!-- 分页 -->
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="pageNo"
        :page-sizes="[5, 10, 15, 20]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
    </div>
、、、、、、、、、、、、、、
      pageNo: 1, //当前页码
      pageSize: 5, //每页条数
      total: 0,//总数
、、、、、、、、、、、、
  handleSizeChange(val) {
      this.pageSize = val;
      this.pageTotle = Math.ceil(this.total / this.pageSize);
      this.getList(val);
    },
    handleCurrentChange(val) {
      this.pageNo = val;
      this.getList(val);
    },
传入的时候记得 传入 条件

 

 

posted @ 2021-02-05 15:03  诡道也  阅读(112)  评论(0编辑  收藏  举报