ElementUI表格不调用后端接口实现分页功能

奎奎网络
2022-08-14 / 0 评论 / 7,355 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年06月20日,已超过550天没有更新,若内容或图片失效,请留言反馈。
<!-- 主要是使用slice对数组进行切割 -->
<el-table border :data="itemList.slice((currentPage - 1) * pageSize, currentPage * pageSize)">
    ....
</el-table>
    
<script>
    data() {
        return {
            // 所有的数据列表
            itemList: [....],
            // 当前页码
            currentPage: 1,
            // 分页尺寸
            pageSize: 10,
            // 分页总数
            pageTotal: 30
        }
    }
</script>
112

最后更新时间:2023 年 06 月 20 日 22:46:42

评论 (0)

取消