QInput with type number loses reactivity to the model
See original GitHub issueDescribe the bug
Here, some special characters like e or . mess with the way Quasar handles its model on QInput with type number. It’s hard to explain, you’ll understand better when you see it: https://codepen.io/Louis99/pen/MWgpomo?&editable=true&editors=101
and also, it can happen this way too without the special characters: https://codepen.io/Louis99/pen/yLBMjMq?&editable=true&editors=101
It doesn’t seem like much but I believe it’s the source of other issues I’ve had that stem from this, where the reactivity of the component fails. Any thoughts on this? Thank you
Issue Analytics
- State:
- Created 4 years ago
- Comments:8 (4 by maintainers)
Top Results From Across the Web
Shiny: input loses its reactivity if value is passed over a ...
reacts correctly when I type text manually in the input. In the server side, the function activated looks like this:
Read more >Form input gets unfocused after typing in 1 character. #1853
When you input data into the input, the Field 's state changes => it rerenders => component is different => it rerenders =>...
Read more >Why the number input is the worst input - Stack Overflow Blog
Chances are likely that you used the input type="number ” because you expected an integer to represent age or quantity. However, the number ......
Read more >What you should know about Vue v-model - LearnVue
For a text input, this happens when our input loses focus. This reduces the number of times our v-model is trying to sync...
Read more >Reactivity Fundamentals - Vue.js
It only works for object types (objects, arrays, and collection types such as Map and Set ). It cannot hold primitive types such...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Hi Louis,
Please also use the
.numbermodifier with v-model, as in:v-model.number="variable". Otherwise it won’t interpret that as a number but a String.Fix will be available in v1.1.1