element-ui 分页使用

最新推荐文章于 2025-07-13 08:30:00 发布

原创最新推荐文章于 2025-07-13 08:30:00 发布 · 194 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #javascript

记忆点专栏收录该内容

15 篇文章

订阅专栏

这篇博客介绍了如何利用Vue.js的el-pagination组件实现分页功能。通过设置属性如`total`、`currentPage`和`PageSize`，并绑定`current-change`事件来处理页面切换，从而在前端展示动态加载的数据。

element-ui 分页使用

<!-- 分页 -->
<el-pagination
background
layout="prev, pager, next"
:current-page="currentPage"
@current-change="handleCurrentChange"
:page-size="PageSize"
:total="total">
</el-pagination>
---
total:0,//分页-总条目
currentPage:1,//分页-当前页数
PageSize:7,//每页有多少条数
----
handleCurrentChange(val) {//点击分页功能实现数据切换
this.currentPage=val
this.Fnknowledgelist()
}