1.0.4 • Published 7 years ago

vue-mask-directive v1.0.4

Weekly downloads
48
License
MIT
Repository
github
Last release
7 years ago

Vue input mask

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

Installation

This version requires Vue 2.X.

npm install vue-mask-directive

Usage

import Vue     from 'vue'
import VueMaskDirective from 'vue-mask-directive'

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

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.

Format description

List of supported placeholders:

ValueFormat
#Number (0-9)
ALetter in any case (a-z,A-Z)
NNumber or letter
XAny symbol

Tests

Jest is used for unit-tests.

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

npm test

Contributing

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.

1.0.4

7 years ago

1.0.3

7 years ago

1.0.2

7 years ago

1.0.0

7 years ago