Simple Mask Input Directive for Vue.js

@vuejs-community/vue-directive-mask

Simple mask input directive for Vue.js

Installation

install from npm

$ npm install @vuejs-community/vue-directive-mask

and register in you Vue app

import Vue from 'vue';
import VueDirectiveMask from '@vuejs-community/vue-directive-mask';

Vue.use(VueDirectiveMask);

Usage

<template>
  <div>
    <!-- Russian date format -->
    <input type="text" v-mask="'##.##.####'">
    <!-- Russian phone format -->
    <input type="tel" v-mask="'+7 (###) ###-##-##'">
  </div>
</template>

Format Options

Key	Type
#	Number
A	Latin letter
N	Number and latin letter
X	Any

Download Details:

Author: vuejs-community

Source Code: https://github.com/vuejs-community/vue-directive-mask

#vue #vuejs #javascript