1.3.4 • Published 7 years ago
@pderas/vue2-moola v1.3.4
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.