The value of input does not match v-model. How to solve the problem?

Question

Vue.js

Here's a demo. https://jsfiddle.net/6t0jsz7h/2/
Let's say there is an input in which you can enter only phone numbers (a "+" sign and numbers).
I subscribe to the @input event, remove the forbidden characters, and put that value in the v-model variable.
The v-model value is correct, but the input itself displays illegal characters.
This will appear if you enter several invalid characters in a row. As soon as we enter an available one, input will take the correct value.
How to synchronize these values?

Answer 1

https://jsfiddle.net/y1ohwf2d/