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

最新推荐文章于 2022-09-23 11:21:31 发布

原创

最新推荐文章于 2022-09-23 11:21:31 发布 · 1.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue #Element-UI

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

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