关于Element-UI分页的使用和使用中的问题及解决方法

bamnyt

于 2019-11-29 22:06:12 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue Element-UI 文章标签： vue Element-UI

本文链接：https://blog.youkuaiyun.com/bamnyt/article/details/103318268

本文详细介绍了如何在Vue项目中使用Element-UI的分页组件el-pagination，展示了el-table和分页的代码实现，并指出在改变每页显示条数时遇到的数据未按需更新的问题。通过在前台手动分割数据的方法成功解决了该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Element-UI分页基本用法

参照官方文档，如下
在这里插入图片描述

相关参数文档也说明得很清楚了
配合使用显示数据
代码如下：

el-table 代码块

//userList 绑定的数据
<el-table :data="userList" border stripe>
        <el-table-column type="index"></el-table-column>
        //prop 为这一列绑定数据
        <el-table-column label="姓名" prop="username"></el-table-column>
        <el-table-column label="邮箱" prop="email"></el-table-column>
        <el-table