如何在v-autocomplete中限制下拉结果的数量？

<template>
  <v-autocomplete
    v-model="selectedItem"
    :items="filteredItems"
    :search-input.sync="searchInput"
    :loading="isLoading"
    :no-filter="noFilter"
    :menu-props="{ maxHeight: 200 }"
    @update:search-input="onSearchInput"
  ></v-autocomplete>
</template>

<script>
export default {
  data() {
    return {
      selectedItem: null,
      searchInput: '',
      isLoading: false,
      noFilter: false,
      items: ['Apple', 'Banana', 'Cherry', 'Durian', 'Elderberry', 'Fig', 'Grape', 'Honeydew'],
    };
  },
  computed: {
    filteredItems() {
      const limit = 5; // 设置限制的数量
      return this.items.filter(item => item.toLowerCase().includes(this.searchInput.toLowerCase())).slice(0, limit);
    },
  },
  methods: {
    onSearchInput() {
      this.isLoading = true;
      setTimeout(() => {
        this.isLoading = false;
      }, 500);
    },
  },
};
</script>