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