When you enter a phone number in the input, an extra last character appears in the value value. Why?

Question

Vue.js

There is such a field for a phone with a mask

<input type="text" name="phone" @input="test()" class="popup__input" ref="phone" v-imask="mask">

The test function is executed for it

test() {
  console.log(this.$refs.phone.value)
}

Mask:

mask: {
        mask: '[phone]',
        lazy: true,
}

In the console I get an extra character at the end and the length is always constant. Can you tell me how this can be avoided?

Answer 1

The library as a whole sometimes behaves strangely and inconveniently (they often still unsubscribe from me when using the bootstrap, everything is ok, probably something from yours interferes).
In short, try this: