Vue Currency Input

Vue Currency Input allows an easy input of currency formatted numbers based on the ECMAScript Internationalization API (Intl.NumberFormat).

Built on top of the Vue Composition API, it enables you to decorate any input component with currency format capabilities.

Features

• Turns the input component of your favorite framework (for example Vuetify, Quasar or Element Plus) into a currency input field
• Supports both Vue 2 and Vue 3
• Built on standards: Ensures the right locale dependent formatting by using Intl.NumberFormat
• Unobtrusive input by hiding the formatting on focus
• Built-in value range validation

Getting started

Please read the guide to get started or check out the playground to see it in action.

Support me

If you find my work helpful, or you want to support the development, star the repo or buy me a coffee:

Changelog

3.2.1 (2025-01-19)

This version contains no changes and only fixes the corrupt v3.2.0 release.

3.2.0 (2025-01-18)

Features

• Allow value scaling by 10,000 (443321d)

3.1.0 (2024-02-07)

Features

• Support Chinese dot as decimal separator (b4ecd1a)

3.0.5 (2023-05-26)

Bug Fixes

• only emit change events if autoEmit is enabled (closes #383) (2cba481)

3.0.4 (2023-03-30)

Bug Fixes

• preserve an existing "inputmode" attribute on the input element (closes #372) (e9fb330)
• use blur event for lazy value binding (closes #322) (eaeb864)

3.0.3 (2022-12-03)

Bug Fixes

• change default value of option useGrouping (#296) (a37963e)

3.0.2 (2022-10-30)

Bug Fixes

• build: fix ESM export (04b512c)

3.0.1 (2022-10-02)

Bug Fixes

• fix cursor jumps with input component of Quasar/Element Plus (59b8b40)