Vue

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

HaoOuBa
2021-02-07 / 2 评论 / 134 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年02月07日,已超过64天没有更新,若内容或图片失效,请留言反馈。
<!-- 主要是使用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>
6

评论 (2)

取消
  1. 头像
    逸云
    Windows 10 · Google Chrome

    画图

    回复
  2. 头像
    阿斯顿
    Windows 10 · Google Chrome

    阿斯顿

    回复