在 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

最低0.47元/天 解锁文章
3233

被折叠的 条评论
为什么被折叠?



