Добрый вечер. Подскажите пожалуйста, как на третьей вьюшке можно сделать

Question

Добрый вечер. Подскажите пожалуйста, как на третьей вьюшке можно сделать

инпуты, которые допускают только ввод цифр, точки и запятой? Так, чтобы и при вставке какого-то текста с цифрами и без - вставлялись только цифры

#programming #russian #vue.js

0

06.10.2021

7 ответов

28 просмотров

Nikita Fedorov

это плохая идея, при таком подходе нужно обрабатывать все клавиши, а не только ввод

0

06.10.2021

᠌DK

хз насчёт вставки, но ввод только цифр осуществляется добавлением к v-model ".number" https://ru.vuejs.org/v2/guide/forms.html#number

0

06.10.2021

Stanislav Lashmanov

Computed get\set, в сеттере сделать так: set(val) { if (isValid(val)) this.value = val; this.$forceUpdate(); }

0

06.10.2021

INME

Nikita Fedorov
это плохая идея, при таком подходе нужно обрабатыв...

Ну не уверен, то плохая … На одной из конференций Vue-Mastery - одна барышня как-раз таки показывала именно этот метод, как самый оптимальный.

0

07.10.2021

Nikita Fedorov

INME
Ну не уверен, то плохая … На одной из конференций ...

В таких случаях всегда нужно думать в духе "Сколько тестов нужно написать чтобы быть уверенным что ничего не сломалось?". Для key+prevent нужны тесты на все порождаемые события без prevent. Полагаю что 9 из 10 разработчиков не смогут даже перечислить эти события, не то что тесты написать.

0

07.10.2021

Aleksandr Belous Автор вопроса

INME
Ну не уверен, то плохая … На одной из конференций ...

В любом случае не подходит, т.к. есть кейс, когда пользователь вставляет значение из буфера. В этом случае пропустит ненужные символы

0

07.10.2021

INME · Accepted Answer

INME

На событие keyup повесить обработчик с регуляркой, который будет превентить ввод символов, которые не прошли проверку.

0

06.10.2021

169 похожих чатов

Добрый вечер. Подскажите пожалуйста, как на третьей вьюшке можно сделать

7 ответов

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