1.0.4 • Published 7 years ago
vue-mask-directive v1.0.4
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:
Value | Format |
---|---|
# | Number (0-9) |
A | Letter in any case (a-z,A-Z) |
N | Number or letter |
X | Any 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.