Vuetify — автозаполнение данных динамического массива

#vue.js #vuetify.js

#vue.js #vuetify.js

Вопрос:

Я пытаюсь перехватить вводимые пользователем данные в my autocomplete , и, когда в my нет сопоставления с какими-либо исходными данными :items , компонент очищает ввод.

Вот мой autocomplete :

                   <v-autocomplete
                    v-model="oS.serial"
                    :loading="loading.bS"
                    hide-no-data
                    :clearable="!oS.statusEdit"
                    auto-select-first
                    :items="listBS"
                    autocomplete="none"
                    :rules="[rules.required]"
                    required
                    item-text="serialNumber"
                    value="oS.serial"
                    :search-input.sync="input"
                    label="Serial"
                  ></v-autocomplete>
  

Я также пытался использовать :search-input.sync="input" , но input стоит с доблестью null .
Когда я нажимаю вкладку или выбираю автозаполнение, введенное значение очищается.

Комментарии:

1. Вы можете использовать поле со списком https://vuetifyjs.com/en/components/combobox /

2. Работает нормально! Я создам новый компонент, используя поле со списком в качестве шаблона по умолчанию. Спасибо @beingyogi!

Ответ №1:

Как прокомментировал @beingyogi, v-combobox отлично подходит для этого случая. Они v-model не потерялись, и теперь я могу правильно манипулировать :items .