How to call a function on append-icon click in Vuetify.js?

Solved it, here's the solution:

To avoid that problem you should bind the attribute with : symbol:

:append-icon-cb="clearSearch"

And don't put () otherwise it will not work (as @Traxo mentioned)

I think it should work if you remove (), because with () included, you immediately just call function once.

Edit: don't forget colon :

So:

:append-icon-cb="clearSearch"

Use @click:append="clearSearch", :append-icon-cb is deprecated. (Source)