Можно сделать событие change в модуле vue-masked-input?

Question

[Руслан Абсалямов]

Чисто @change в этом модуле не работает, только input. Но событие change можно как-то сделать у данного модуля?
https://www.npmjs.com/package/vue-masked-input

Comments

[Hovhannes Varosyan]

Можетье попробывать @input - так должно сработать

Answer 1

[Андрей Седышев]

https://github.com/niksmr/vue-masked-input/issues/24
Уже год, как не сделали, так что навряд ли уже сделают.
Способ 1: форкнуть и сделать самому.
Способ 2: попробовать навесить handler через $refs:

<masked-input v-model="phone" mask="\+\1 (111) 1111-11" placeholder="Phone" ref="maskedInput"/>

mounted () {
  this.$refs.maskedInput.$refs.input.addEventListener('change', this.onInputChange)
}

Comments

[Руслан Абсалямов]

Способ 2 не помог

[Андрей Седышев]

Руслан Абсалямов, это не готовая инструкция, а, скорее, направление, в котором копать.
Что именно не получилось, есть ли ошибки в консоли?

[Руслан Абсалямов]

Андрей, не совсем понял к чему это. То есть как создавать свой маски имеется ввиду?

[Андрей Седышев]

Руслан Абсалямов, в общем, change добавить у меня не получилось. Получилось blur:
https://codesandbox.io/s/3xvo5lv8zq

Так что можете при потере фокуса сравнивать значение, и, если изменилось - то вот оно)

Answer 2

[Денис Бондаренко]

Поковырялся с этим компонентом, в итоге плюнул и использовал обычный inputMask. Ну да, как директиву не используешь - приходится как класс использовать, но зато с change проблем никаких нет.