vue.js - 如何在 Vuetify.js 中点击附加图标调用函数？

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

使用 @click:append="clearSearch"，:append-icon-cb 已弃用。 ( Source )