#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
.