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

阿基尔·K

这是我的数据表

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

应用搜索过滤器后,有什么方法可以从数据表中获取过滤后的项目我正在传递:items由过滤的数组:search

布萨吉拉·卜拉欣(Boussadjra Brahim)

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

@current-items="getFiltered"

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

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

检查此codepen

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何清除v-data-table中的选定行,Vuetify

如何在Vuetify v-data-table上对齐标题

如何使用vuetify v-data-table过滤确切的mach?

Vuetify-如何突出显示v-data-table中的点击行

如何在Vuetify中创建条带化的v-data-table?

Vuetify-如何在v-data-table中显示从外部文件导入的数据

Vuetify-如何使v-data-table的标头动态化

如何在Vuetify <v-data-table>行上将“ cursor”设置为“ pointer”?

如何在悬停时设置Vuetify v-data-table行的背景颜色?

Vuetify v-data-table,如何在HTML中呈现标题文本?

Vuetify 2.0.5上的v-data-table如何在移动屏幕上禁用表头更改?

如何使vuetify v-data-table垂直跨越所有可用空间

如何搜索不在标题中的Vuetify v-data-table列?

如何在v-data-table vuetify中观看分页方向

Vue、Vuetify 2、v-data-table - 如何在表格底部显示总原始数据

本地搜索v-data-table Vuetify

在Vuetify中,如何在<v-data-table>的每一行中添加一个按钮?

如何以编程方式扩展 v-data-table 组件中的所有行(Vuetify 1.5 版)

如何在vuetify中更改v-data-table标头的backkground-color和border-radius?

如何在 Vuetify <v-data-table> 行上将“光标”设置为“指针”?(不包括扩展项目区域)

v-data-table 中的 Vuetify v-data-table:扩展项插槽中的内容故障

由于数组(Vue + Vuetify <v-data-table>),搜索不起作用

vuetify:没有 v-data-table-header 组件的文档?

Vuetify,v-data-table标头值用途

Vuetify:通过多个值搜索v-data-table?

Vuetify中<v-data-table>中的水平对齐

Vuetify删除v-data-table上的分页

Vuetify,为v-data-table tr动画

Vuetify v-treeview 如何获取最后选择的元素?