1.3.0 • Published 1 year ago

@vuejs-community/vue-directive-mask v1.3.0

Weekly downloads
14
License
MIT
Repository
github
Last release
1 year ago

@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>
    <!-- Ukrainian date format -->
    <input type="text" v-mask="'##.##.####'">
    <!-- Ukrainian phone format -->
    <input type="tel" v-mask="'+380 ## ###-##-##'">
  </div>
</template>

Format Options

KeyType
#Number
ALatin letter
NNumber and latin letter
XAny

License

MIT © Vue.js Community