vue-autoNumeric

A Vue.js component that wraps the awesome AutoNumeric input formatter library

vue-autoNumeric wraps the awesome AutoNumeric library and generate an element managed by AutoNumeric.

Checkout the demo!

Alternatively you can check the examples directly in your browser to see how to integrate the component with Vue and AutoNumeric.

$3

``sh
yarn add vue-autonumeric


or

This means you need to link the AutoNumeric library with either ways:

#### ...in your html tag directly

`html




`

#### ...or by importing it directly as an ES6 module

You can choose to directly import the AutoNumeric library in your source code.
First, install the autonumeric dependency so that Webpack can find it using:

`sh
yarn add autonumeric


or

You will as usual be able to use the vue-autonumeric component in your Vue components using:
`js
import VueAutonumeric from '../src/components/VueAutonumeric.vue';

export default {
name : 'myComponent',

components: {
VueAutonumeric,
},
}
`

$3

The AutoNumeric component can be instantiated the same way AutoNumeric can.

With an option object:
`html
v-model="myValue"
:options="{
digitGroupSeparator: '.',
decimalCharacter: ',',
decimalCharacterAlternative: '.',
currencySymbol: '\u00a0€',
currencySymbolPlacement: 's',
roundingMethod: 'U',
minimumValue: '0'
}"
>
`

With a predefined option name:
`html
v-model="myValue"
:options="'French'"
>
`

With multiple option objects/predefined options:
`html
v-model="myValue"
:options="['euro', { minimumValue: '0' }]"
>
`

#### Other props

##### Placeholder

You can define the input placeholder using:
`html
v-model="myValue"
:options="'euro'"
:placeholder="'Enter your value here'"
>
`

##### Tag

You can also specify the type of html tag (within the AutoNumeric supported list) this component should generate using the tag prop.
By default, an element is generated, but if you want a