在 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中,Pagination 分页组件的功能和用法大部分相似,但也有一些细节上的差异。以下是对两个版本下 Pagination 组件的属性、事件和方法的详细介绍,并给出使用示例。
Vue 2 + Element UI Pagination
属性 (Attributes)
small
: 是否使用小型分页样式。background
: 是否为分页按钮添加背景色。layout
: 组件布局,子组件名用逗号分隔。total
: 总条目数。current-page
: 当前页码,支持 .sync 修饰符。page-sizes
: 每页显示个数选择器的选项设置。page-size
: 每页显示的条目个数。pager-count
: 页码按钮的数量,当总页数超过该值时会进行分页。disabled
: 是否禁用分页。hide-on-single-page
: 只有一页时是否隐藏分页器。show-elevator
: 是否显示电梯(快速跳转至某页)。show-pager
: 是否显示总条目数和总页码。show-total
: 是否显示总条目,当为函数时,会传入当前分页信息,函数返回显示的内容。simple
: 是否为简洁版分页。prev-text