Mask-vue

Create your masks for Vue easily

Vue wrapper for @ionited/mask. Compatible with Vue 3 and Ionic Vue

Quick start

Choose your favorite option below:

npm i @ionited/mask-vue

To basic usage you can simply call:

<template>
  <input v-mask="{ mask: '99 / 9999' }">
</template>

Local import:

import { mask } from '@ionited/mask-vue';

export default {
  ...
  directives: { mask },
  ...
}

or global import:

import { mask } from '@ionited/mask-vue';

const app = createApp(App)
.directive('mask', mask);

You can create your own mask logic easily, you only need register a mask and use:

register(name: string, mask: any): void;