Неправильно работает min max input vuejs?

Question

[WAYNEDEV]

Всем привет!
Как организовать во vue через v-model валидацию?
Если input value менее 1, то запретить вводить значения меньше, при это можно корректировать 1.

if (val < 1) {
  val = 1
}

В этом коде проблема, потому что он не дает вводить значения 2, например. Он делает с 1 + введенные значения

Answer 1

[0xD34F]

<input v-model.number="val">

watch: {
  val(val) {
    this.val = Math.max(1, val);
  },
},

Comments

[WAYNEDEV]

А как сделать, если минимальное значение 1? он просто приклеивает к 1 значения

[0xD34F]

Сделать что? Что значит "приклеивает"?

[WAYNEDEV]

0xD34F, он всё равно не дает ввести 2(

[0xD34F]

Тупая, мерзкая и наглая ложь. Всё ok.

[WAYNEDEV]

0xD34F, И ты смог ввести двойку?)

[WAYNEDEV]

0xD34F, Попробуй набрать максимальное число, затем удалить бэкспейсом и увидишь

[0xD34F]

Ну, набрал. Удалил. Увидел, что подставилось минимальное значение - так, как и должно быть. Потому что после удаления единственного символа остаётся пустая строка, пустая строка, приведённая к числу - это 0, а минимально допустимое значение - 1. Что не так?

[WAYNEDEV]

0xD34F, я это понял, а есть ли вариант двойку ввести через бэкспейс?

[0xD34F]

Ваш вопрос был вообще не об этом. Это что, так трудно - подумать, прежде чем спросить?

Вот вам ваш бекспейс:

<input v-model.number="val" @keydown.backspace.prevent="val++">

Но лучше бы добавить type="number", и тогда можно будет делать значению +/- с помощью стрелок вверх/вниз.