Entering only numbers in the field and one at a time Vue?

Question

Vue.js

It is necessary to allow only numbers to be entered in each field, and one at a time.

Answer 1

<input @input="onInput">

onInput({ target }) {
  const
    val = target.value,
    newVal = `${Math.min(9, Math.max(0, val.slice(-1) | 0))}`;

  if (val !== newVal) {
    target.value = newVal;
    target.dispatchEvent(new Event('input'));
  }
},

https://jsfiddle.net/0gocpeLh/