vue-the-mask
vue-the-mask copied to clipboard
vuejs-tips
Error on empty mask using directive
This PR disable the masking when the mask is empty using v-mask directive. All the best
Hasn't been touched for ~6 months... Is it dead?
EDIT: A relatively simple workaround is just using a regular input if no mask is passed.
<template>
<div>
<the-mask
v-if="mask"
:name="name"
:value="value"
:mask="mask"
@input="handleInput"
/>
<input
v-else
:name="name"
:value="value"
@input="handleInput($event.target.value)"
/>
</div>
</template>
<script>
import Vue from 'vue';
export default Vue.extend({
methods: {
handleInput(value) {
this.$emit('input', value);
},
},
props: {
mask: {
type: String,
default: '',
},
name: {
required: true,
type: String,
},
value: {
default: '',
},
},
});
</script>
Is this project even active? Seems like no one with access to merge has reviewed this PR.
Hasn't been touched for ~6 months... Is it dead?
EDIT: A relatively simple workaround is just using a regular input if no mask is passed.
<template> <div> <the-mask v-if="mask" :name="name" :value="value" :mask="mask" @input="handleInput" /> <input v-else :name="name" :value="value" @input="handleInput($event.target.value)" /> </div> </template> <script> import Vue from 'vue'; export default Vue.extend({ methods: { handleInput(value) { this.$emit('input', value); }, }, props: { mask: { type: String, default: '', }, name: { required: true, type: String, }, value: { default: '', }, }, }); </script>
i used the same perspective, 2 inputs, one for mask != null other for null
We have created a fork and published a package with the reference to the author of this project. Also we have merged some major PRs into our fork. If you need more features - feel free to contribute, we are open to PR :)
Very sad to see a good project like this die in this way.
This PR is literally 2 lines of code and fixes a common bug many people are facing.
I had the same error and the outhor of the project has abandoned the nice library, well, I just created a new fork to make that changes but hopeffuly I noticed this PR already did it and @kaskar2008 already created the package, I'm using the ke-the-mask instead. so sad for this project
