Vue Number Input

Vue 3 composable and component for formatting numbers with commas.

Installation

npm install vue-number-input

Usage

Composable

<script setup>
import { formatNumber, parseNumber } from 'vue-number-input';

const formatted = formatNumber(1234567); // "1,234,567"
const raw = parseNumber("1,234,567"); // "1234567"
</script>

Component

<template>
  <InputCurrency v-model="amount" />
</template>

<script setup>
import { ref } from 'vue';
import { InputCurrency } from 'vue-number-input';

const amount = ref('');
</script>

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | modelValue | String, Number | "" | The input value | | rules | Array | [] | Validation rules |

License

MIT