Задать вопрос
NooBiToo
@NooBiToo

Почему maxlenght не работает в number?

В попытке найти максимально короткий путь для обозначения максимальной длины инпута нашел такой пример, но есть проблема, всё работает пока input type="text"
<input type="text" class="form-control" placeholder="Build Something Awesome" :maxlength="max" v-model="text" />

но когда type="number", то уже не работает, почему так происходит?
<input type="number" class="form-control" :maxlength="max" v-model="text1" />
  • Вопрос задан
  • 1296 просмотров
Подписаться 1 Средний Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Потому что так задумано. Вообще, чаще читайте документацию, ясно же сказано, для кого этот атрибут действителен - список короткий, и number в нём отсутствует:

Valid for text, search, url, tel, email, and password


Вешайте watch на свойство, используемое в v-model, и там исправляйте значение, если нужно. Если есть необходимость делать подобное многократно, для разных input'ов, напишите соответствующую директиву.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@dGololobov
начинающий
в input number есть аттрибут max - максимальное число, которое можно в него внести.
Плюс есть параметр step - шаг изменения числа нажатием стрелок
Также есть min
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы