element分页查询

最新推荐文章于 2023-12-20 15:44:05 发布

热心网友!

最新推荐文章于 2023-12-20 15:44:05 发布

阅读量380

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_44128575/article/details/105142613

dom

<el-row class="backgroundColor">
        <el-col :span="24" style="background: rgb(238, 241, 246)">
          <el-pagination
            @size-change="handleSizeChanges"
            @current-change="handleCurrentChangePages"
            :page-sizes="[10, 20, 50, 100]"
            :page-size="PzA"
            :page-count="BzsA"
            :current-page.sync="pageaA"
            layout="total, sizes, prev, pager, next, jumper"
            :total="totalRecordCount"
          ></el-pagination>
        </el-col>
      </el-row>

data

data() {
    return {
      /*分页*/
      totalRecordCount: 0, //共多少条数据
      PzA: 10, //每页数量
      BzsA: 1, //总页数
      pageaA: 1, //当前页数
    };
  },
//methods
 // 分页
    handleCurrentChangePages(val) {
      this.pageaA = val;
      this.xxx();
      console.log(this.pageaA);
    },
    handleSizeChanges(val) {
      this.PzA = val;
      console.log(this.PzA);
      this.xxx();
    },