element分页查询

  • 内容
  • 相关

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();
    },

本文标签:

版权声明:若无特殊注明,本文皆为《热心网友》原创,转载请保留文章出处。

本文链接:element分页查询 - https://qibiao.qingshenshiye.cn/?post=46

发表评论

电子邮件地址不会被公开。 必填项已用*标注

允许邮件通知
//