Vue.js directive to add a mask to your inputs (vanilla javascript).
It's a binding for the inputmask library by Robin Herbots https://github.com/RobinHerbots/Inputmask
This library is licensed under MIT License.
npm install -S vue-inputmask
import Vue from 'vue' const VueInputMask = require('vue-inputmask').default Vue.use(VueInputMask)
<script src="./node_modules/inputmask/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script> <script src="./node_modules/inputmask/dist/inputmask/inputmask.js"></script> <script src="./dist/vue-inputmask-browser.js"></script>
<input type="text" v-mask="'99/99/9999'" /> <input type="text" v-mask="{mask: '99/99/9999', greedy: true}" v-on:change="maskCheck"/>
new Vue({ ... methods: { maskCheck: function (field){ if (field.target.inputmask.isComplete()) { console.log('is Complete'); } else { console.log('is Incomplete'); } } } });