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

vue.js Vue.js

小胖神奇前端

2020-03-20

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
}

谢谢

弗朗西斯

第2547篇《Vuetify-清除v-text-field时如何触发方法》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
小宇宙神乐GO 2020.03.20

使用clear-icon-cb道具。当单击清除图标时，这使您可以使用自定义回调函数。

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

onClearClicked () {
  // do something
}
宝儿理查德 2020.03.20

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

这是例子

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android