Vue converts input[type=number] to a string value

by

You need to use .number modifier for v-model, like this:

<input v-model.number="quantity" type="number">

Note: empty string ('') is not converted to a number, so you may need to handle it separately.

More Related Contents:

  1. What should I do to use this webpacked JS library? [closed]
  2. Vue.js dynamic images not working
  3. How to add external JS scripts to VueJS Components?
  4. Communication between sibling components in Vue.js 2.0
  5. Vue.js 3 Event Bus
  6. [Vue warn]: Property or method is not defined on the instance but referenced during render
  7. Difference between the created and mounted events in Vue.js
  8. Filter list with Vue.js
  9. How to call multiple functions with @click in vue?
  10. How to install jQuery into Nuxt.js?
  11. Is there any way to ‘watch’ for localstorage in Vuejs?
  12. how to fix ‘Access to XMLHttpRequest has been blocked by CORS policy’ Redirect is not allowed for a preflight request only one route
  13. VueJS/Typescript – Cannot find module ‘./components/Navigation’ or its corresponding type declarations
  14. Module not found: Error: Can’t resolve vue, path not correct
  15. Methods vs Computed in Vue
  16. Vue js error: Component template should contain exactly one root element
  17. How to use any icons with Nuxt or Vue?
  18. What is ?
  19. Add global variable in Vue.js 3
  20. How to set a component non-reactive data in Vue 2?
  21. How do I hide the VueJS syntax while the page is loading?
  22. How to use Vuetify tabs with vue-router
  23. Styling Vuetify selectors
  24. CORS issue with Vue.js
  25. When should I use Vuex?
  26. Vue JS returns [__ob__: Observer] data instead of my array of objects
  27. VueJS conditionally add an attribute for an element
  28. How to use components in v-html
  29. Vue.js – Add class to clicked button
  30. Does Vue.js have a built in way to add a copy of a persistent object to a repeated array

Leave a Comment