javascript - 获取 Vuetify 数据表中过滤项目的长度

Question

有没有办法获取 Vuetify 数据表中过滤项目的长度？当过滤行时，显示项目的长度明显减少，我需要知道过滤后有多少项目，因为我需要更新我的外部分页组件。

Answer 1

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

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

调用你的方法

methods: {
  yourMethod(pagination) {
    console.log(pagination.itemsLength) // length of filtered/searched items in Vuetify data-table
  },

分页事件传递给yourMethod的分页参数包含以下信息:

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