Vue.js masked input component
vue-masked-input
New masked input component for Vue.js, used to enter data in a certain format dates,phone numbers, etc. Based on inputmask-core. Live examples here.
Example
Install
npm
npm install vue-masked-input --save
Usage
Use it with v-model just like a native html input with the mask attribute:
import MaskedInput from 'vue-masked-input'
...
components: {
MaskedInput
}
<template>
...
<masked-input v-model="date" mask="11/11/1111" placeholder="dd/mm/yyyy" />
<masked-input mask="\+\1 (111) 1111-11" placeholder="Phone"
/>
...
</template>
Vue Masked Input is available on GitHub.