OverviewOfficial Website

Input Mask is a javaScript library for formatting input text content when you are typing.

Add Package
npm i maska
Import Package
import { vMaska } from "maska"
createApp(App)
...
.directive("maska", vMaska)
Remove Package
yarn remove maska ( or you can remove package by removing specific package from package.json )
Date Formatting:
Title Vue
Dynamic mask
<BFormInput type="text" v-maska :data-maska="['#.## cm']" class="form-control" id="regexp-mask" />
Phone with code
<BFormInput type="text" v-maska :data-maska="['+1 (###) ##-##-##']" class="form-control" id="phone-mask" />
Credit card
<BFormInput type="text" v-maska :data-maska="'#### #### #### ####'" class="form-control" id="number-mask" />
Date
<BFormInput type="text" v-maska :data-maska="'##/##/####'" class="form-control" id="date-mask" />
IP Address
<BFormInput type="text" v-maska :data-maska="'###.###.###.###'" class="form-control" />
CPF/CNPJ
<BFormInput type="text" v-maska :data-maska="['###.###.###-##', '##.###.###/####-##']" class="form-control" id="currency-mask" />
2025 © Skote.