Как ограничить всплывающее меню после добавления нового значения и нажатия Enter в компоненте Combobox vuetify

Question

Хотя это работает в примере, у меня есть проблема в моем производственном коде.Итак, выпадающий список в vuetify предоставляет результаты автозаполнения и функциональность для добавления нового пользовательского варианта, но при нажатии клавиши Enter появляется всплывающее меню.Как это отключить?Никакие примеры кода в Google не помогут с этим.

<template>
<v-combobox
  v-model="locationType"
  :items="locationTypes"
  label="Тип локации"
  :loading="locationTypesIsLoading"
  :menu-props="{ closeOnContentClick:true }"
></v-combobox>
</template>

Answer 1

OMG Я часами часами пытался это выяснить и просто понял:

Добавьте к вашему списку v-combobox / autocomplete:

<v-autocomplete>
...
@change="onChange()"
refs="mytable"
</v-autocomplete>

Затем добавьте новый метод:

onChange() {
   this.$nextTick(() => {
   this.$refs.mytable.isMenuActive = false
   })
}

и все тут !!