Request: add v-model.lazy for components

[pdanpdan]

What problem does this feature solve?

v-model for components already supports .trim and .number.
Lazy modifier support for components would make it more uniform across the platform.

What does the proposed API look like?

The only change (backwards compatible) would be to add a new property to model definition:

model: {
  prop: 'value',
  event: 'input',
  eventLazy: 'change'
}

[Mikilll94]

Is it going to be done?

[iec989]

I think a bunch of us are desperately waiting for this; mid-size forms get very slow as soon as you implement some basic VUE logic around the components, we really need this!

[Mikilll94]

yeah, exactly. I have an app made with Vuetify and on larger forms instead of using v-model I am typing
:value="sth" @change="($event) => sth = $event.target.value"

It would be nicer to type just
v-model.lazy = "sth"

[wc-matteo]

I would love to have it as well!

[mrcnk]

Also custom rules for Vuelidate need sometimes v-model.lazy, so it'd be useful not to introduce workarounds for it 🙌

[Tantawi]

Please add this!

[danielbonifacio]

Waiting for it! Would be a great enhance on productivity 😄

[sushi2all]

This would keep components much cleaner especially when binding to vuex data. Being able to use the .lazy modifier would allow me to keep both get and set functions in the computed properties rather than having to get the data in computed and commit the mutation with a method to be called @change. Please add!!!

[ap-arto]

Please, add this asap 👍

[mes01]

Pleeeeeeeeeeease

[Sjoerd82]

I have the same need. Workaround: https://stackoverflow.com/questions/56197736/how-to-avoid-v-text-field-to-emit-input-events

[jjsty1e]

[SergeBayet]

I had the same issue. Here's my workaround :
`<div
class="
el-input el-input--small
el-input-group el-input-group--append
"

<input
size="small"
class="el-input__inner"
type="text"
@blur="checkNameRecord(index)"
autocomplete="off"
v-model.lazy="record.name"
/>

{{ "." + soa.name + "." }}

`

Hope this help