A vue 2 component for a money mask input


031.3.43 years ago4 years agoMinified + gzip package size for @pderas/vue2-moola in KB


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 moola is easily created, and has many properties that can be changed.

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


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


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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.