element分页查询

Myth丶恋晨 2023-05-28 05:06 108阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，108人围观）

还没有评论，来说两句吧...

相关阅读

相关 element分页查询

dom <el-row class="backgroundColor"> <el-col :span="24" style="backgrou

Myth丶恋晨/ 2023年05月28日 05:06/ 0 赞/ 109 阅读

相关 element-ui 分页使用

![element-ui 分页使用][element-ui]  <el-pagination background l

旧城等待，/ 2022年12月30日 07:41/ 0 赞/ 82 阅读

相关 element分页问题

![在这里插入图片描述][20210330171821925.png] [20210330171821925.png]: /images/20221022/1e1ec07d

╰+攻爆jí腚メ/ 2022年11月15日 01:23/ 0 赞/ 290 阅读

相关 Element ui实现分页

vue 代码 <template> <div class="content"> <div class="table">

曾经终败给现在/ 2022年10月06日 13:58/ 0 赞/ 293 阅读

相关 element分页

这是element中的分页，具体的使用方法如下，亲测有效 <div class="block"> <el-pagination

快来打我*/ 2022年09月16日 13:28/ 0 赞/ 363 阅读

相关 element ui分页展示

<el-row> <div class="block"> <el-pagination @size-change="handleSizeChan

- 日理万妓/ 2022年09月16日 11:20/ 0 赞/ 297 阅读

相关分页查询

AngularJS+Bootstrap 分页功能实现，同时支持模糊查询分页发表于2017/9/11 20:18:56 209人阅读因为项目的需要需要实现页面的分页

系统管理员/ 2022年06月05日 02:46/ 0 赞/ 514 阅读

相关分页查询

/\\ \ 真分页 \ @param \ @param req \ @return \ @return 对象page \/ private stat

超、凢脫俗/ 2022年05月15日 04:11/ 0 赞/ 457 阅读

相关 laravel+vue+element-UI模糊查询和分页

laravel+vue+element进行不刷新查询和分页 <el-select v-model="search.site_node_id" filterable p

桃扇骨/ 2022年04月17日 07:17/ 0 赞/ 474 阅读

相关分页查询

CURD- 1. 添加用户表单项的name，JavaBean的属性名，数据库表的字段名，建议保持一致注意：提交的表单中有中文，要解决中文参数乱码问题

一时失言乱红尘/ 2022年02月02日 23:15/ 0 赞/ 565 阅读