Я использую v-autocomplete с пользовательский слот для отображения результатов:
<v-autocomplete :items=searchResults :loading=loading :search-input.sync = "query" hide-no-data label = "Entreprise, SIREN..." append-icon = "search" v-model = "selected" three-line >
<template v-slot:item = "{ item }">
<v-list-tile-content>
<v-list-tile-title v-text = "item.text"></v-list-tile-title>
<v-list-tile-sub-title v-text = "item.value"></v-list-tile-sub-title>
>
<v-list-tile-sub-title> Third line of list item</v-list-tile-sub-title>
</v-list-tile-content>
<CompanyListItem :company=item :loading=false />
</template>
</v-autocomplete>
К сожалению, результирующие элементы списка выглядят сжатыми по вертикали, как показано в этом кодовая ручка.
Можно ли добавить two-line или three-line к базовому списку, чтобы иметь возможность иметь «более высокие» элементы списка? Добавление этих свойств в <v-autocomplete> не работает.





Изменение высоты плитки списка на авто, так как свойство CSS сработало для меня.
.v-autocomplete__content .v-list__tile{
height: auto;
}
двухстрочный или трехрядный являются реквизитами <v-list></v-list> для увеличения высоты плитки списка. Но здесь содержимое v-слот: элемент по умолчанию заключено в <v-list></v-list> (когда я проверяю элемент в инспекторе браузера).
Это работает в файле main.css, который обновляет все файлы и создает путаницу. Скорее, я хотел бы настроить компоненты локально в разделе стилей компонента. Как это возможно?