Vue Input Number

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

This is rewrite based on vue-numeric written in TypeScript.

Installation

Install via NPM

1$ npm install @robin-rossow/vue-input-number --save

Use globally

1import VueInputNumberPlugin from '@robin-rossow/vue-input-number'
2
3import { createApp } from 'vue'
4import App from './App.vue'
5
6createApp(App)
7    .use(VueInputNumberPlugin)
8    .mount('#app')

Load in component

1import { VueInputNumber } from '@robin-rossow/vue-input-number'

Usage

Load in template

1<VueInputNumber v-model="ourModel"/>

Props

Props	Required	Type	Default
v-model	✅	string | number | undefined	-
outputType	❌	'Number' | 'String'	'Number'
min	❌	number	Number.MIN_SAFE_INTEGER
max	❌	number	Number.MAX_SAFE_INTEGER
precision	❌	number	0
thousandSeparator	❌	string | undefined	','
decimalSeparator	❌	string | undefined	','
currency	❌	string	''
currencySymbolPosition	❌	'prefix' |' suffix'	'prefix'
emptyValue	❌	number | ''	''

License

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