niksmr/ vue-masked-input
Need help with vue-masked-input?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
About the developer
440 Stars 
86 Forks 
MIT License 
48 Commits 
44 Opened issues 
Description
Masked input component for Vue.js
Services available
Readme
Vue Masked Input
Dead simple masked input component for Vue.js 2.X. Based on inputmask-core.
Live Demo
Install
npm
npm install vue-masked-input --save
Usage
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
Static characters
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
Raw input
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
Placeholder character is customizable by
placeholder-charattribute:
vue
Custom mask object
You can use your own mask options object, it will be passed to the inputmask-core constructor:
vue
Known issues/TODO
- Cut in mobile Chrome
- Cyrillic chars are not supported in mobile Chrome
- Backspace problems in mobile Chrome
Found more? It's open for feedback and pull requests