Не отображать параметры в v-autocomplete, пока не будет введен vuetify

Question

У меня в настоящее время есть компонент v-autocomplete, но как только пользователь щелкает поиск, он расширяется и показывает все доступные элементы. Я хочу, чтобы список элементов отображался только после ввода. Есть слишком много доступных предметов, и пользователь не хочет видеть их все сразу. Также, если есть способ ограничить его показом только первых 5, которые соответствуют пользовательскому вводу.

<v-autocomplete class="vtext"
            v-model="selectedTopic"
            :items="getTopics"
            item-text="Name"
            item-value="Id"
            :outlined="false"
            :rounded="true"
            :solo="true"
            :single-line="true"
            append-icon='fa fa-search'
            @change="topicSelected()"
            :hide-no-data="true"
            :allow-overflow="false"
            no-data-text="No topic found"
            return-object
        >
        </v-autocomplete>

Answer 1

Причина, по которой он отображает все элементы при инициализации (при щелчке по пустому значению), заключается в том, что вы сразу устанавливаете элементы с помощью getTopics, что вам нужно сделать в этой функции - проверить

<v-autocomplete class="vtext"
...
@input="handleInput"
if (inputModel){ //get the topics}
else { return []}

В условия получения только первых 5 результатов, опять же вы делаете это в той же функции:

if (inputModel){
// do search
return results.slice(0,5)}