`.once` modifier on input event prevents v-model from updating value on input element.

[Nicolas-Yazzoom]

Version

2.6.11

Reproduction link

https://jsfiddle.net/fxdez9qh/

Steps to reproduce

Type some text in the input field.

What is expected?

The input handler is executed and the value in the input is updated.

What is actually happening?

The input handler is executed but the first update to the model is not applied. This means the first character typed will not show up.

---

I found this issue: #6552 It's a few years old and it was fixed but it seems to be the same problem.

[posva]

It seems like the change on micro tasks on v2.6.0 brought back this bug.

Note: this bug is fixed on Vue 3

[ruyi789]

use v-model.var="variable" just update this variable ,not needs update components

[JuniorTour]

The event trigger order of capture and bubble was changed form Chrome Version 89.0.4383.0.

It is the root cause of this issue.

And there might be more issues relate to it.

Refs:

• https://bugs.chromium.org/p/chromium/issues/detail?id=1202483&q=1202483&can=2
• https://chromium.googlesource.com/chromium/src/+/f73b047b99026f22c60f4541cab98346e9871f65
• Dispatching events section may not match browsers whatwg/dom#746