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:

Install with NPM

npm i @ionited/mask-vue

Get from UNPKG

https://unpkg.com/@ionited/mask-vue@latest/dist/index.js

Usage

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);

Register your own masks

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

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

See more @ionited/mask

License

Copyright (c) 2021 Ion. Licensed under MIT License.

https://ionited.io