如何使用项目的其他值搜索 Vuetify 数据表

Question

我的 Vuetify 数据表项是这样的 JSON 对象数组

[
  {
    name: 'Frozen Yogurt',
    calories: 237,
    fat: 9.0,   
    price: 30,
    description: 'something other aaa bbb ...'
  },
  {
    name: 'Ice cream sandwich',
    calories: 621,
    fat: 12.5,
    price: 43,
    iron: '1%',
    description: 'someting other ccc ddd ...'
  }
]

数据表只设置了标题[名称，卡路里，脂肪，价格]，所以看不到描述或其他值，描述我想在一个expend div中显示，当我输入文本过滤项目时，如何让搜索描述以过滤项目 知道该怎么做吗？

非常感谢，很棒的社区！

Answer 1

你可以使用:custom-filter 属性。详情here

:custom-filter="customFilter"

methods: {
  customFilter(value, search, item) {
    return !!search && (item.name.includes(search) || item.description.includes(search))
  }
}