Vuejs，vuetify数据表如何在一个搜索框中实现多个搜索值？

<template>
  <v-autocomplete
    v-model="searchValues"
    :items="items"
    multiple
    label="Search"
    item-text="name"
    item-value="id"
    :filter="customFilter"
  ></v-autocomplete>
</template>

<script>
export default {
  data() {
    return {
      searchValues: [],
      items: [
        { id: 1, name: 'Apple' },
        { id: 2, name: 'Banana' },
        { id: 3, name: 'Orange' },
        { id: 4, name: 'Grapes' },
      ],
    };
  },
  methods: {
    customFilter(item, queryText, itemText) {
      const searchTexts = queryText.toLowerCase().split(' ');
      for (const searchText of searchTexts) {
        if (itemText.toLowerCase().indexOf(searchText) === -1) {
          return false;
        }
      }
      return true;
    },
  },
};
</script>