Simple input mask lib for vue.js based on PureMask.js

Demo

This version requires Vue 2.X. If you are looking for Vue 1.X, check it here.

npm install v-mask

import Vue     from 'vue'
import VueMask from 'v-mask'

/** Activate vue.js plugins **/
Vue.use(VueMask);

Now you are ready to use it in the code!

<input type="text" v-mask="'####-##'" v-model="myInputModel">
<!-- OR -->
<input type="text" v-mask="'##/##/#### ##:##'" v-model="myInputModel">

Notice: v-model is required starting from v1.1.0, because a lot of bugs with HTMLElement event listeners and sync with Vue internals.

There is no reason to support using this lib for using without v-model but open the door for using on custom inputs.

List of supported placeholders:

Jest is used for unit-tests.

You can run tests by typing this command in your console:

npm test

Nightwatch is used of E2E testing.

Check the v-mask--demo repo for more details

PR is welcome!

Notice: You should make your changes only in src folder, don't try to edit files from dist as it compiled from src by babel and shouldn't be changes manually.