javascript - 如何从 Vuetify v-data-table 中获取过滤后的数组?

标签 javascript vue.js vuejs2 vue-component vuetify.js

我的数据表是这样的

<v-data-table
 :search="search"
 :headers="tableHeaders"
 :items="tableItems"
 hide-default-footer
 ></v-data-table>

在应用搜索过滤器后,是否有任何方法可以从数据表中获取过滤的项目。我在 :items 中传递数组,它被 :search 过滤。

最佳答案

尝试向 @current-items 事件添加处理程序,例如:

@current-items="getFiltered"

并将其添加到您的方法中,如下所示:

methods:{
  getFiltered(e){
   console.log(e) //output the filtered items
 }
}

检查这个codepen

关于javascript - 如何从 Vuetify v-data-table 中获取过滤后的数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58560725/

相关文章:

javascript - 动态加载 jQuery 并在另一个函数中使用它

javascript - 如何使用 knockout.js 单击时将数据从一个元素填充到另一个元素

typescript - this.$store 在 Vue 3 中未定义,带有 Vuex 4 商店和路由器

javascript - AWS Amplify JavaScript Gitpod 自动设置

vue.js - 在 Vue Router 上设置默认元属性

javascript - 将事件绑定(bind)到多个对象

javascript - 如何避免 Vue 路由器中的这种类型的路径冗余?

javascript - 在ajax回调后隐藏加载gif

javascript - 在这种情况下如何重新启用上下文菜单?

javascript - Vuetify 数据表在列单击时展开行