我需要append-icon="close"来调用@click="clearSearch()" 现在我正在使用一个专用按钮来实现它： 我需要 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 = ""} 并且它有效，这就是为什么我使用自定义 clear input 方法 使用 @click:append="clearSearch"，:append-icon-cb 已弃用。 （来源） 解决了，解决方法如下： 为了避免这个问题，您应该使用 : 符号绑定属性： :append-icon-cb="clearSearch" 并且不要放()，否则它将无法工作（正如@Traxo提到的） 我认为如果你删除 () 应该可以工作，因为包含 () 后，你立即只需调用一次函数即可。 编辑：不要忘记冒号: 所以： :append-icon-cb="clearSearch" 但这发生了变化： 对于附加图标，例如 append-icon="mdi-magnify-plus-outline", 你就这样做 @click:append="zoomIn"。 但是对于附加外部图标，例如 append-outer-icon="mdi-plus-circle-outline"，` 您必须添加单词“append”，即 @click:append-outer="addMore" 因此，这将适用于 Vue2 <v-text-field solo append-outer-icon="mdi-plus-circle-outline" @click:append-outer="addMore" > </v-text-field> 只需将 :append-icon-cb="() => (e1 = !e1)" 更改为 @click:append="() => (e1 = !e1)" 即可完美运行并删除警告...