Vue+ElementUI 分页器el-pagination的使用方法

Vue脚手架中安装element-ui，并在mian.js中进行配置（官网中有详细方法）

效果如下

首先使用el-pagination组件。@size-change在每页数据的个数发生改变时触发。@curren-change在页数发生改变时触发。

数据源定义的数据，默认展示第一页，页面数据10条

方法触发时的操作。

每页数据个数发生改变时触发handleSizeChange(size)，参数size即是选择的每页数据的数量。页数发生改变时触发handleCurrentChange(current)，current即是选择的页面。

https://www.cnblogs.com/xibaomeng/p/13578570.html

posted on 2022-04-21 21:54 sunny123456 阅读(1359) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· Vue中ElementUI分页组件Pagination的使用方法

· vue+element-ui 前端实现分页效果

· element-ui 和 vue 分页器使用

阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· .NET10 - 预览版1新功能体验（一）

历史上的今天：
2021-04-21 eclipse不能自动编译生成class文件的解决办法
2021-04-21 c#中如何处理多个数据库事务同时提交同时回滚
2021-04-21 事务提交 commit 会失败么_事务的四大特性ACID
2021-04-21 Delegate（委托与事件）
2021-04-21 eclipse2020-06创建属于自己的JSP模板（图文）
2021-04-21 eclipse没有新建web项目的解决问题
2021-04-21 Eclipse中Jsp文件出现：The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path

sunny123456