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

从现在开始RfidTagPresenter已过时。请改用:append-icon-cb。

Answer 2

解决了，这是解决方案：

要避免该问题，您应该使用$ ln -s {common/core} {frontend/core} $ ln -s {common/core} {backend/core}符号绑定该属性：

:

不要放:append-icon-cb="clearSearch"否则它不会起作用（如@Traxo所提到的）

Answer 3

我认为如果您删除()，它应该有效，因为包含()，您只需调用一次函数。

编辑：不要忘记冒号:

所以：

:append-icon-cb="clearSearch"

Answer 4

只需将:append-icon-cb="() => (e1 = !e1)"更改为@click:append="() => (e1 = !e1)"，即可正常使用，并删除警告...

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

4 个答案:

解决了，这是解决方案：