Input value out of sync with data

[mvgn]

Version

2.6.12

Reproduction link

https://jsfiddle.net/arzmp4cv/

Steps to reproduce

Enter a price with more than 2 decimal places.

What is expected?

Input value should show no more than 2 decimal places.

What is actually happening?

Price data attribute is correctly limited to 2 decimal places but input value shows extra digits entered.

---

Is this a bug or a feature? If it's a feature, what is the recommended workaround? I see I can $forceUpdate() when updating the price or I can manually sync the input value with event.target.value = this.price (but I don't know if that might have adverse consequences, though).

[posva]

This is expected in Vue. You can both use forceUpdate or manually setting the input's value through a ref (better)