Vuetify - как вызвать метод при очистке v-текстового поля

Question

есть ли способ вызвать метод при очистке текстового поля с помощью Vuetify?

<v-text-field
    class="mt-2 mb-0"
    clearable
    solo
    v-model="searchQuery"
    append-icon="search"
    @click:append-outer="searchCos"
   label="Nom de compagnies ou mots-clés">
 </v-text-field>

...
onClear() {
doSomethingHere
}

Спасибо

Фрэнсис

Answer 1

Используйте опору clear-icon-cb.Это позволяет использовать пользовательскую функцию обратного вызова при нажатии на значок очистки при нажатии.

<v-text-field
  clearable
  :clear-icon-cb="onClearClicked">
</v-text-field>

onClearClicked () {
  // do something
}

Answer 2

Вы можете использовать @click:clear="()", чтобы вы могли очистить текст одновременно с вызовом функции.

Вот пример

https://codepen.io/anon/pen/ePmLOg?editors=1010