如何在 Vuetify.js 中单击附加图标时调用函数？

Answer 1

使用

@click:append="clearSearch"

，

:append-icon-cb

已弃用。 （来源）

Answer 2

解决了，解决方法如下：

为了避免这个问题，您应该使用

:

符号绑定属性：

:append-icon-cb="clearSearch"

并且不要放

()

，否则它将无法工作（正如@Traxo提到的）

Answer 3

我认为如果你删除

()

应该可以工作，因为包含

()

后，你立即只需调用一次函数即可。

编辑：不要忘记冒号

:

所以：

:append-icon-cb="clearSearch"

Answer 4

但这发生了变化： 对于附加图标，例如

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>

Answer 5

只需将

:append-icon-cb="() => (e1 = !e1)"

更改为

@click:append="() => (e1 = !e1)"

即可完美运行并删除警告...