v-model.lazy fails to update input.value on the input element
Vue version
3.3.4
Link to minimal reproduction
Steps to reproduce
- Use
v-model.lazy
on aninput
element. - Setup
keydown
event listeners that will change the value.
What is expected?
The input element's value gets updated and shows the new value. E.g. input.value
of the element should get updated.
What is actually happening?
input.value
and the value displayed in the input box remains stale / not updated.
System Info
No response
Any additional comments?
The important part is that something updates the ref and the input.value
has not yet been updated, and needs to be updated by vue reactivity. Simply typing in the input box won't trigger the bug as you are immediately updating the input.value
.
Removing lazy
works.
Work around: Use :value
and @change
instead of v-model.lazy
May relate to https://github.com/vuejs/core/issues/6564