Masked input component for Vue.js
Dead simple masked input component for Vue.js 2.X. Based on inputmask-core.
npm install vue-masked-input --save
Use it with
v-modeljust like a native html input with the
maskattribute:
vue
The following format characters define editable parts of the mask (see inputmask-core): *
1- number *
a- letter *
A- letter, forced to upper case when entered *
*- alphanumeric *
#- alphanumeric, forced to upper case when entered *
+- any character
If you need to include one of these characters as a static part of the mask, you can escape them with a preceding backslash:
vue
You can also get a raw user input text if you want. Instead of using v-model you might need second argument of the input event:
vue
Placeholder character is customizable by
placeholder-charattribute:
vue
You can use your own mask options object, it will be passed to the inputmask-core constructor:
vue
Found more? It's open for feedback and pull requests