el-pagination中:current-page
时间: 2024-01-07 13:06:02 浏览: 162
【Vue2 + ElementUI】分页el-pagination 封装成公用组件
el-pagination 是一个基于 Element UI 的分页组件,其中 :current-page 属性用于指定当前页码。您可以将 :current-page 的值设为一个变量,通过该变量控制当前页码的显示。
例如,假设您有一个 data 中的 currentPage 变量,您可以将 :current-page 绑定到该变量,如下所示:
```
<el-pagination
:current-page="currentPage"
:page-size="10"
layout="prev, pager, next"
:total="100">
</el-pagination>
```
在这个例子中,currentPage 变量表示当前页码,每页展示 10 条数据,总共有 100 条数据。在用户点击分页按钮时,您可以通过监听 pagination 的 current-change 事件来更新 currentPage 变量的值,从而实现页面的跳转。
阅读全文