el-pagination 如何让他页码显示回第一页
时间: 2024-09-14 19:04:41 浏览: 66
vue-tiny-pagination-用于创建微小分页的Vue组件。-Vue.js开发
`el-pagination` 是 Element UI 提供的一个用于分页展示的组件,在 Vue.js 中非常常用。如果你想要让页码直接跳转到第一页,通常你会在处理分页事件或者初始化页面的时候设置当前页为 1。这里是一个基本的示例:
```html
<template>
<el-pagination
:current-page="currentPage"
:total="totalCount"
@current-change="handleCurrentChange"
></el-pagination>
</template>
<script>
export default {
data() {
return {
currentPage: 1, // 初始化为第一页
totalCount: 0, // 总记录数,需要根据实际数据填充
};
},
methods: {
handleCurrentChange(page) {
if (page === 1) {
// 当点击页码变为1时,直接设置当前页为1并触发跳转
this.currentPage = page;
}
},
},
};
</script>
```
在这个例子中,`handleCurrentChange` 函数会在用户点击页码时被调用,如果新选择的页码是第一页(即 `page === 1`),则直接更新 `currentPage` 的值。
阅读全文