Vuetify数据表分页数据元素

Question

我有一个data-table，其中包含成千上万的数据输入。因此，我使用内置的Vuetify分页来一次仅加载5、10或25个项目在桌子上。

我需要做的是一次知道表上有什么数据。例如，如果我在表的第2页上并且正在显示数据： d6，d7，d8，d9和d10 ，则我希望能够将这5个项目存储在与列表不同的列表中我的mainData列表以这种方式可以一次操纵它们。我不知道如何执行此操作，因为我不知道如何在不执行点击操作的情况下访问页面上的数据，也不知道如何知道我当前在哪个页面上或正在显示多少个项目在页面上。

如果我可以在页面上进行data-table的加载，请知道正在加载的项目，或者知道我在哪个页面上以及当前正在显示多少个项目（因此我可以计算出页面上的哪些项目） ），那是个主意。但是我不知道该怎么做。

是否有办法弄清楚当前正在显示哪些项目？

Answer 1

您已经可以访问数据表中显示的项目。 这就是你在这。甜点 如果您需要创建副本进行编辑

this.newDesserts = {...this.desserts};