简单element-ui分页器

 

<el-pagination

background

@current-change="handleCurrentChange"  //currentPage改变时才触发

:current-page.sync="item.currentPage"  //   页数同步(实现同步时先定义参数储存当前页数)

:page-size="meta.pageSize"  //当前每页显示的条数

layout="total, prev, pager, next"  //分页器的布局(可视) 根据需求添加修改

:total="meta.totalNum">  //获取的总的数据条数

</el-pagination>

 

1.分页器中的所有信息都是动态绑定的

2.方法执行

handleCurrentChange(val) {

this.item.currentPage = val;

}