我需要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()",但没用,我也不知道为什么
  • 我也try 过简单地使用clearable,它会清除输入,但所有元素都保持"过滤".我不知道clearable是怎么工作的,但我的clearSearch()方法就是这么做的:clearSearch() {this.search = ""},它工作,这就是为什么我使用自定义clear input方法

推荐答案

解决了,下面是解决方案:

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

:append-icon-cb="clearSearch"

不要放(),否则它将不起作用(正如@Traxo提到的)

Vue.js相关问答推荐

Pinia+Vue 3状态react 性-StoreToRef的替代方案

如何使用 vueJS 上的 ref( ) 函数创建二维数组定义?

如何解决 importers[path] is not a function for clean Vue 3/Vite/Storybook installation

在 bootstrap-vue 中渲染自定义样式

在 Vue 文件中创建根 Vue 实例

VueJS:在组件之间使用全局对象的最佳实践?

aspnet core如何在deploy上构建webpack

如何为 Vue 应用提供 robots.txt

在 Vuejs 中Watch观察 window.scrollY 的变化

vuejs中通过变量动态调用方法

Vuetify 输入自动完成错误

错误:vue-loader 要求 @vue/compiler-sfc 存在于依赖树中

如何更改 Vuetify 日历日期格式

Jest错误找不到模块....

v-if inside v-for - 在两列中显示项目列表

如何从 vue.js 捕获 Jquery 事件

Vue.js 中的 CSS 框架

如何从浏览器的源中删除 webpack://

如何在 Vue.js 中延迟 @keyup 处理程序

Vuetify 过渡:如何设置过渡速度