Mask doesn't work with v-model.lazy - Githubissues

probil / v-mask

🔡 Tiny input mask library for Vue.js (directive)

https://v-mask-demo.netlify.com

MIT License

902 stars 132 forks source link

Mask doesn't work with v-model.lazy #340

Open c-kirkeby opened 5 years ago

c-kirkeby commented 5 years ago

Currently the mask only applies on blur when using with v-model.lazy. This makes sense, but it also severely limits the usage with async validation through libraries like vee-validate and vuelidate.

V-Mask and Vue versions

1.3.3, 2.5.2

Reproduction Link

https://codesandbox.io/s/qv7360k6ow

Steps to reproduce

In my codesandbox link I've got two examples both using v-model.lazy:

Text field without a mask
A number field with the mask '## #### ####'
1. Type three or more numbers into the field labelled 'Phone'
2. Tab out of the field It's not until you tab out that the mask gets applied.

What is Expected?

What is actually happening?

AngEric commented 2 years ago

any solution for this?