Vuetify VDataTable 处理每页更新的项目

如何解决Vuetify VDataTable 处理每页更新的项目

我有一些来自后端的分页数据需要填写 VDataTable，例如：

render() {
    return (
      <div>
        <VDataTable
          headers={this.headers}
          items={this.items || []}
          loading-text='Loading... Please wait'
          loading={this.$apollo.queries.items.loading}
          page={this.page}
          server-items-length={this.total}
        />
      </div >
    );
  }

而且我需要处理诸如每页或每页的项目更新之类的操作。

但我还没有找到有关如何执行此操作的文档。我得到的最接近的是 the official Vuetify reference，但他们使用模板记录，即 <v-data-table> 而不是 <VDataTable>。如何以上述 JSX 方式执行此操作？

大概是这样？

onItemsPerPageUpdate={this.handleItemsPerPageUpdate}
onUpdatePage={this.handlePageUpdate}