Vue.js + jQuery inputmask не работает

Question

Я пытаюсь использовать плагин inputmask как директиву Vue.js, но получаю следующую ошибку:

$(...).inputmask is not a function

После прохождения этой ошибки мне потребуется обновить входное значение для модели (data.amount).

Вот код (JsFiddle: https://jsfiddle.net/rL09zg5c/3/)

//HTML
<div id="app" class="container">
  <h1>
    Vue {{ vueVersion }}
  </h1>
  <form>
    <h3>
Currency:
    </h3>
    <input type="text" v-model="amount" v-input-mask/>
        <h4>
        Entered: {{ amount }}
        </h4>
  </form>
</div>

//JS
onload = function() {
  Vue.directive('input-mask', {
    bind: function(el, obj, vModel) {
            $(el).inputmask({
        prefix: 'R$ ',
        alias: 'numeric',
        allowMinus: false,
        groupSeparator: '.',
        radixPoint: ',',
        autoGroup: true,
        digits: 2,
        digitsOptional: false,
        placeholder: '0',
        rightAlign: false,
      });
    }
  })

  var vm = new Vue({
    el: '#app',
    data: {
      vueVersion: Vue.version,
      amount: ""
    }
  });
}

Спасибо.

Answer 1

Следующий код поможет вам, я думаю. GitHub

Использование:

Vue.use(Inputmask)

<input v-inputmask="'9999'">

<input v-inputmask="mask">