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

I've found that I can filter input using the ordinary component v-bind:value / v-on:input dance without resorting to data or watch clauses if I just call $forceUpdate() after emitting the filtered value:

The Vue component:

{
  props: ['value'],
  methods: {
    mEmit: function(EVT) {
      const VAL      = EVT.target.value;
      var   FILTERED = myFilterFunction(VAL);
      this.$emit('input', FILTERED);
      this.$forceUpdate();
    }
  }
}

The component HTML (data is filtered as it is entered):

  <input type="text" v-bind:value="value" v-on:input="mEmit($event)" />

Using the component:

<my-component v-model="myDataVar"></my-component>