vue.js - PrimeVue : DataTable with server side pagination

Question

我正在尝试在 PrimeVue 的 DataTable 上使用服务器端实现分页。我看过https://www.primefaces.org/primevue/showcase-v2/#/datatable/lazy ，仍然不确定如何执行此操作。我假设应该有一个我可以覆盖的函数，我可以替换它来调用我的 API，但我找不到关于这个的任何信息..

如何为 PrimeVue 的 DataTable 进行服务器端分页？

我在 Vue2 上。

Answer 1

如果你想从服务器端分页，API 响应应该更简单，参数 page=1 可以是 page=1，page=2 等。 (1 和 2 将是您的参数)。您可以使用 per_page 上的记录数和 total 记录数来实现逻辑，使用此信息您可以获得分页链接。

{
    "data": [
        {
            "id": 1,
            "name": "Arslan.",
            "email": "arslan@example.com",
        },
        {
            "id": 2,
            "name": "Suliman",
            "email": "sl@example.com",
        }
    ],
    "links":{
        "first": "http://example.com/pagination?page=1",
        "last": "http://example.com/pagination?page=1",
        "prev": null,
        "next": null
    },
    "meta":{
        "current_page": 1,
        "from": 1,
        "last_page": 1,
        "path": "http://example.com/pagination",
        "per_page": 15,
        "to": 10,
        "total": 10
    }
}