Vue IMask Plugin

vue-imask


Install

npm i vue-imask

for Vue 2 also do:

npm i -D @vue/composition-api

If you are using NuxtJS with Vue 2 you also need to install:

npm i -D @nuxtjs/composition-api

And then add @nuxtjs/composition-api/module in the buildModules option in your nuxt.config.js.

Mask Component Example (Vue 2)

``html


`




Mask Component Example (Vue 3)


`html


`

Mask Directive Example


In some cases value bindings (v-model) might not work for directive, you can use @accept or @complete events to update the value.
`html


`
More options see in a guide.

Mask Composable (Vue 3)


`html


``