Маска ввода удаляется при использовании backspace - Vue 2 - PullRequest
Новая
       27

Маска ввода удаляется при использовании backspace - Vue 2

0 голосов
/ 08 апреля 2019

Использование этого пакета: https://github.com/RobinHerbots/Inputmask

Ввод: 

<input
  class="number-block__number-input"
  type="text"
  v-model="phone"
  placeholder="Phone number"
  @keyup.native="validateNumber"
  @keydown.enter.exact.native="clickButton"
/>

Смонтированная функция: 

mounted() {
  let selector = document.getElementsByClassName('number-block__number-input')
  Inputmask({
    mask: '+7 (799) 999-99-99',
    autoUnmask: true,
    showMaskOnHover: false,
    oncomplete: () => this.buttonIsDisabled = false
  }).mask(selector)
},

Всякий раз, когда пользователь фокусирует этот ввод:

enter image description here

Но, когда вы набираете первое число после 7, вы можете удалить маску, используя backspace или CMD + A и backspace, тогда, если вы попытаетесь набрать 7 начистая маска, на ней не наберется 7, все цифры, кроме 7, это ошибка?

...