element-ui pagination标签里面的@pagination方法有什么用
时间: 2023-06-13 15:07:30 浏览: 156
HTML+Element-ui邮件管理前端界面
`@pagination` 是 Element UI Pagination 组件中的一个事件,用于监听页码改变的事件。当用户点击分页器上的页码按钮时,该事件会触发,从而触发绑定在该事件上的函数。
例如,你可以在模板中绑定一个函数到 `@pagination` 上,当用户点击分页器上的页码按钮时,该函数会被调用,并且会传递一个参数,即当前页码。
```html
<el-pagination
@pagination="handlePagination"
:page-size="10"
:total="100"
layout="prev, pager, next"
></el-pagination>
```
```js
methods: {
handlePagination(page) {
console.log(`当前页码为:${page}`);
}
}
```
上面的代码中,当用户点击分页器上的页码按钮时,`handlePagination` 函数会被调用,并且会输出当前页码。因此,`@pagination` 事件可以帮助你监听分页器的页码改变事件,以便你在用户翻页时执行相应的操作。
阅读全文