Qinput v-model dont get updated
-
Hello,
i am using a simple QInput for typing in a number. After the user input i check the value and call a function with the @change event. In the debugger the variable gets the correct value, but in the input field there are no changes by using v-model. Only when the input field lose the focus, then it gets updated.
<q-input v-model=“deadline” type=“number” stack-label=“Tage” @change=“checkDays()”/>
checkDays () {
if (this.deadline >= 1000) {
this.deadline = 1000
}
}What i’m doing wrong?
-
Not tested but instead of @change can you try
v-on:keyup="checkDays()"
. -
Hi all,
I have the same problem, here is a codepen: https://codepen.io/alexanderkoehn/pen/poEorwx
The curious thing is: When there is an additional normal input or a second q-input, everything works as expected.
Using only a <input /> works too.Regards
-
I have the same problem with Q-Input and v-model. If user doing input in field and then pressing arrow keys (which is changing v-model value), text in Q-Input not changing. Changed field to <input />.