Как использовать Jquery Input Mask?

Question

[danilr]

Я установил npm пакет https://github.com/igorescobar/jQuery-Mask-Plugin/...
И теперь не знаю как его использовать и где.

mounted() {
  jQuery(function($){
      $(".input-phone").mask("[phone]");
     });
}

Пытался его вызвать в mounted() компоненты Input, но выдаёт такую ошибку. Uncaught TypeError: $(...).mask is not a function
Подскажите где и как использовать этот пакет?

Answer 1

[Александр]

Vue и jQuery - разные вещи. Для Vue есть свой соответствующий пакет - vue-inputmask

Comments

[danilr]

Вещи разные, но это не значит что JQuery нельзя во Vue использовать.
Для чего тогда есть этот пакет npm?
Мне нужно поведение именно как из JQuery плагина, в том что вы предложили - меня не устраивает поведение при наведении, тип плейсхолдера и т.п.

[Александр]

danilr, так он же основан на нужном вам плагине

[danilr]

Александр, не вижу связи. Там же IgorEscobar на jquery который

Answer 2

[imp-1903]

Как уже сказал Александ, для Vue есть свои решения. Хочу дополнить его ответ ещё одним вариантом, который лично мне нравится больше - https://vuejs-tips.github.io/vue-the-mask/