@ssibrahimbas/v-mask
Mask for Vue.js 3
What Is It?
v-mask
is a directive for Vue.js 3 that allows you to mask input fields.
This package inspired by vue-the-mask
Installation
npm install @ssibrahimbas/v-mask
Usage
import { createApp } from "vue";
import VMask from "@ssibrahimbas/v-mask";
const app = createApp(App).use(VMask).mount("#app");
<input v-mask="'###-##-##'" />
### Tokens
Token | Description |
---|---|
# |
Digit |
X |
Any character |
S |
Any text character |
A |
Any uppercase character |
a |
Any lowercase character |
! |
Any alphanumeric character |
Options
Option | Type | Default | Description |
---|---|---|---|
mask |
String |
'' |
Mask to be applied to the input |