Как предотвратить v-autocomplete от открытия выпадающего ящика при нажатии на чип

Question

Я создаю приложение с VueJS + Vuetify и использую "v-autocomplete" в качестве раскрывающегося списка с множественным выбором. Однако я не могу найти способ предотвратить раскрывающийся ящик, когда нажимаю, чтобы удалить элемент.

Пример кодов: https://codepen.io/rafacarneiro/pen/abOVEzw?editable=true&editors=101

Код, используемый при удалении элемента:

<v-chip
   v-bind="data.attrs"
   :input-value="data.selected"
   close
   @click="data.select"
   @click:close="remove(data.item)"
>

Текущее поведение: при нажатии на значок «X» на выбранном элементе элемент удаляется, однако раскрывающийся ящик открывается одновременно. Я хотел бы предотвратить такое поведение при удалении предмета, но я изо всех сил пытался найти способ сделать это.

Answer 1

Выглядит почти как дубликат: Как остановить выбор при открытии при закрытии чипа в vuetify?

Если вы удалите опору filled из v-autocomplete, она будет работать .