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

奎奎网络
2022-08-14 / 1 评论 / 7 阅读 / 正在检测是否收录...
<!-- 主要是使用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>
1

评论 (1)

取消
  1. 头像
    奎奎网络 作者
    Android · Google Chrome
    @

    画图

    回复