Q-Input and v-model.trim and clearable does not work on Q2

[zanzara]

Discussed in #10362

^{Originally posted by zanzara August 12, 2021}
IMO it seems to be a bug:
If i use this:

     <q-input
         v-model.trim="v$.bildUrl.$model" 
        :error="v$.bildUrl.$error"
        :error-message="getPicErrMsg(v$.bildUrl)"
         dense
         lazy-rules
         clearable
         autofocus
         :hint="$t('gwsCol.Bild.hint')"
   />

it throws me this error when I click on clearable:

If I use v-model w/o .trim it works.
Can anyone confirm? Or where is my mistake? (it works in Q1)

(Info: » Pkg quasar........ v2.0.3 » Pkg @quasar/app... v3.0.4 )

[ontwikkelfabriek]

I can confirm, pressing clear input on the first input with the trim modifier will throw a null pointer exception. The second input without trim is fine.

Here's a codepen:
https://codepen.io/ontwikkelfabriek/pen/MWmRwjr

[rstoenescu]

This should be "enhanced" in Vue itself.

Please use a slot and add yourself a QBtn/QIcon with a click handler to reset the model to an empty string instead of null. No way around it unless 1) Vue handles null value and 2) we introduce a breaking change and reset model to empty string (which is definitely a no-go).

[zanzara]

So last remark 'cause it had worked before in Qv1:
Is this a bug in Vue3? Or how do I should interpret "enhancement" here?
@rstoenescu To be honest, I did not understood your explication. I think it got something to do with .trim
Because w/o this modifier it works pressing the clearable prop?!

[CamilleDrapier]

This might be fixed in vue in the following PR related to this issues: vuejs/core#5765