Vue js apply filter on v-model in an input field

Question

Hope someone can help me! I have made a directive wrapping the Jasny Bootstrap Plugin more specifically the input-mask thing and everything goes well!

Now I have made a

Answer 1

This is how I implemented a vue filter for a v-model using the watch callback, this won't update the value on load.

Vue.filter('uppercase', function (value) {
    return value.toUpperCase();
});

The html:

And the watch callback:

watch:{
   someData(val) {
       this.someData = this.$options.filters.uppercase(val);
    },
}