@robin-rossow/vue-input-number

Input field component to display a formatted number value. It is meant to be used with Vue 3.
9,946 5
Install
npm install @robin-rossow/vue-input-number
Latest Version:3.0.4
Vue:3
Last Updated:Aug 24, 2026
Links: GitHub  ·  npm
Maintainer: rob.rossow

Vue Input Number

Input field component to display a formatted number value. It is meant to be used with Vue 3.

Demo

Installation

Install via NPM

$ npm install @robin-rossow/vue-input-number --save
Load in component
import { VueInputNumber } from '@robin-rossow/vue-input-number'

Usage

Load in template

<VueInputNumber v-model="ourModel"/>

Props

Props Required Type Default
v-model ✅ Ref<string | number | undefined> -
outputType ❌ 'Number' | 'String' 'Number'
precision ❌ number 0
thousandSeparator ❌ string ','
decimalSeparator ❌ string '.'
emptyValue ❌ '' | 0 ''

License

vue-number-input is open-sourced software licensed under the MIT license

Related Packages

vue-numeric

Input field component to display currency value based on Vue.

332,461 454
@handcrafted-market/vue3-numeric

Input field component to display currency value based on vue-numeric.

34,694 0
vue-numeric-currency

Input field component to display currency value based on Vue.

5,263 0
nettix-vue-numeric

Input field component to display currency value based on Vue.

707 2
vue-numeric-input

Vue Numeric Input Component

60,622 75

Version History

Version Released Vue License
3.0.4 ^3.5.25
3.0.3 ^3.5.25
3.0.2 ^3.5.25
3.0.1 ^3.5.25
3.0.0 ^3.5.25