Vue Moola

A vue 2 component for a money mask input.

How to initialize Vue Moola

Vue moola is built as a vue plugin. It can be initialized just as the Vue documentation states.

import Moola from "@pderas/vue2-moola";

Vue.use(Moola);

Usage

Creation

Vue moola is easily created, and has many properties that can be changed.

<moola value="0"></moola>

Properties

| Property | Required | Type | Default | Description | |-----------|----------|----------------------|-------------------------|-----------------------------------------------| | delimiter | false | String | ',' | A character to separate the numbers thousands by. (e.i. '1,000') | | max | false | Number | Number.MAX_SAFE_INTEGER | The max value for the input | | min | false | Number | Number.MIN_SAFE_INTEGER | The min value for the input | | nullable | false | Boolean | false | Sets the default empty value to either 0 or null | | precision | false | Number | 2 | Amount of decimals to allow | | prefix | false | String | '$' | A prefix for the input (can be set to null) | | suffix | false | String | null | A suffix for the input (e.i. '%') | | value | false | Number|String | 0 | Value for the input, can be used with v-model |

License

This project is covered under the MIT License. Feel free to use it wherever you like.