GitHub

Vue Masked Input

Dead simple masked input component for Vue.js 2.X

---

• 1 – number
• a – letter
• A – letter, forced to upper case when entered
• * – alphanumeric
• # – alphanumeric, forced to upper case when entered
• + – any character

Date:

<masked-input v-model="date" mask="11 / 11 / 1111" placeholder="Date" />

Phone:

<masked-input v-model="phone" mask="\+\1 (111) 1111-11" placeholder="Phone" />

Get a raw value:

<masked-input mask="\+\1 (111) 1111-11" placeholder="Phone"
  @input="rawVal = arguments[1]" />

Your own mask (hot re-mask available):

Install

npm install vue-masked-input --save

Use

import MaskedInput from 'vue-masked-input'
...
components: {
  MaskedInput
}

Check GitHub for more