Vuetify autocomplete по умолчанию имеет пользовательские значки со стрелками «вверх» и «вниз»:
Какможно изменить этот значок на значок поиска в других событиях (активных или неактивных) и получить это представление:
Этот пример создан с использованием v-text-field:
Код:
<v-text-field
flat
solo
hide-details
append-icon="search"
label="Search..."
color="#000000"
></v-text-field>
Я устал добавлять значок для проверки автозаполнения компонента, но не могу удалить строки по умолчанию вверх и вниз.
Код:
<v-autocomplete
v-model="select"
:append-outer-icon="search ? 'search' : 'search'"
label="Search..."
type="text"
:loading="loading"
:items="items"
:search-input.sync="search"
cache-items
class=""
flat
hide-no-data
hide-details
@click:append-outer="startSearch"
></v-autocomplete>
Результат:
Как изменить стрелкуиконки для поиска значка и сделать его как интерактивный для поиска?