如何在Vuetify.js中调用append-icon上的函数？

Question

我需要append-icon="close"打电话@click="clearSearch()"

现在我用专用按钮实现它:

 <v-text-field 
       v-model="search" 
       class="search" 
       label="search" 
       prepend-icon="search" 
       append-icon="close">
 </v-text-field>    

 <v-btn @click="clearSearch()"></v-btn>

---

• 我试过添加,append-icon-cb="clearSearch()"但它不起作用,我不知道为什么
• 我也试过简单地使用clearable它,它清除输入但所有元素都保持"过滤".我不知道它是如何clearable工作的,但我的clearSearch()方法只是这样做:clearSearch() {this.search = ""}它有效,这就是我使用自定义清晰输入法的原因

Answer 1

从现在开始:append-icon-cb被弃用.请@click:append改用.

Answer 2

解决了,这是解决方案:

要避免该问题,您应该使用:符号绑定该属性:

:append-icon-cb="clearSearch"

并且不要把()它放在其他方面它将不起作用(如@Traxo提到的)