如何在Vuetify中从不同于'value‘的键进行搜索？

<template>
  <v-select
    v-model="selected"
    :items="items"
    :label="label"
    :search-input.sync="search"
    @update:search-input="onSearch"
  >
    <template v-slot:item="{ item }">
      <v-list-item-content>
        <v-list-item-title>{{ item.display }}</v-list-item-title>
      </v-list-item-content>
    </template>
  </v-select>
</template>

<script>
export default {
  data() {
    return {
      selected: null,
      items: [
        { value: '1', display: 'Option 1' },
        { value: '2', display: 'Option 2' },
        { value: '3', display: 'Option 3' },
      ],
      search: '',
      label: 'Select an option',
    };
  },
  methods: {
    onSearch(val) {
      // 自定义搜索逻辑
      this.items = this.items.filter(item => {
        return item.display.toLowerCase().includes(val.toLowerCase());
      });
    },
  },
};
</script>