Javascript 获取Vuetify数据表中筛选项的长度

是否有任何方法可以获取Vuetify数据表中筛选项的长度？当行被过滤时，显示的项目的长度明显减少，我需要知道过滤后有多少项目，因为我需要更新我的外部分页组件。

我假设您正在使用

搜索

属性来过滤数据。如果是这样，您需要向表添加引用

ref=“myTable”

。 然后，您可以获取如下过滤项数组：

this.$refs.myTable.selectableItems

---

如果是其他一些过滤方法，方法是相同的-使用refs。

假设您使用的是vuetify 2.2.x 您可以使用v-data-table的分页事件

<v-data-table
 @pagination="yourMethod"
...

pagination事件传递给yourMethod的pagination参数包含以下信息：

{
  page: number
  itemsPerPage: number
  pageStart: number
  pageStop: number
  pageCount: number
  itemsLength: number
}

---

感谢您的快速回复！但是问题是

selectableItems

只返回页面上当前的项目。我需要获得项目总数（不仅仅是当前页面上的项目），以便计算自定义分页组件的长度。恐怕唯一的解决方法是创建自定义搜索函数，以便在“进入表”之前知道筛选项目的长度。谢谢，这确实是最好、最干净的方法！

{
  page: number
  itemsPerPage: number
  pageStart: number
  pageStop: number
  pageCount: number
  itemsLength: number
}