Vuetify - 清除 v-text-field 时如何触发方法

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
}

谢谢

弗朗西斯

原文由 Francis Beaulieu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 @click:clear="()" 这样您就可以在调用该函数的同时清除您的文本。

这是例子

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

原文由 ßiansor Å. Ålmerol 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用 clear-icon-cb 道具。这允许您在单击清除图标时使用自定义回调函数。

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

onClearClicked () {
  // do something
}

原文由 Brian Lee 发布，翻译遵循 CC BY-SA 4.0 许可协议