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.