Changes are not reflected back to model when using with Vue2

Changes are not reflected back to model

Declaring directive

Vue.directive('input-mask', {
  bind: function(el, o, v) {
     $(el).inputmask();
  }
});

Declaring control

<input type="text" class="form-control" name="code"
placeholder="Enter code" v-model="code"
v-input-mask data-inputmask="'mask': '9999999999[9][9]', 'greedy' : false">

Description of problem

Mask is applied correctly. However when I modify value in form changes are not saved in model. Not on keypress not on blur.

[dermanov-ru]

Have no time to modify project core libs.

The fast solution - assign new value manually at every keyup event 😃

JS

$('input.phone').inputmask('mask', {'mask': '[phone]'});

HTML + VUE

<input class="phone" v-model="PHONE" @keyup="PHONE = this.event.target.value;">

[RobinHerbots]

@adyz , npm i inputmask

in your code => var Inputmask = require(“inputmask”)