Easy Number Format Library For Vue 3/2

Install & Download:

# Yarn
$ yarn add vue-number-format
# NPM
$ npm i vue-number-format

Description:

A flexible Vue 3/2 number format library for easier currency/number input.

How to use it:

1. Import the number format library.

// Vue 3
import { createApp } from 'vue'
import App from './App.vue'
import VueNumberFormat from 'vue-number-format'
const app = createApp(App)
app.use(VueNumberFormat, {
  // options
})
app.mount('#app')

// Vue 2
import Vue from 'vue'
import App from './App.vue'
import VueNumberFormat from 'vue-number-format'
Vue.use(VueNumberFormat, {
  // options
})
new Vue({
  render: h => h(App),
}).$mount('#app')

2. Default options.

prefix: 'R$ ',
suffix: '',
decimal: ',',
thousand: '.',
precision: 2,
acceptNegative: true,
isInteger: false

Preview:

Changelog:

10/20/2022

• v1.6.1