vue-inputmask-ng

Vue.js plugin which is based on the InputMask

Include vue-inputmask-ng after Vue and it will install itself automatically:

1<script src="/path/to/vue.js"></script>
2<script src="/path/to/vue-inputmask-ng.umd.js"></script>

When used with a module system, you must install it via Vue.use():

npm install vue-inputmask-ng

1import VueInputMask from 'vue-inputmask-ng'
2Vue.use(VueInputMask)

Usage as directive

1<input type="tel" v-mask="'[+9] (999) 999 99 99'"/>
2<input type="tel" v-mask="{ mask: '99/99/9999', greedy: true }"/>
3<input type="tel" v-mask="{ mask: () => ['999', '(9{4,})'] }">

Usage as component

1<input-mask type="tel" mask="[+9] (999) 999 99 99" @complete="..." @incomplete="..." @cleared="..." />
2<element-mask tag="h1" contenteditable="true" mask="[+9] (999) 999 99 99"/>

Vue instance methods

1this.$inputMaskFormat('2331973', { alias: 'datetime', inputFormat: 'dd/mm/yyyy' })
2this.$inputMaskIsValid('23/03/1973', { alias: 'datetime', inputFormat: 'dd/mm/yyyy' })

Development

npm install
npm run build