amux
@amux
alp.ac

Как делать валидацию инпутов в Vue.js использующих v-model?

есть 5 переменных:
all_values: 1000
value_1: 100
value_2: 100
value_3: 150
value_4: 150

Сумма всех переменных value_[1-4] не должна быть больше all_values,
Как добавить валидацию к v-model, чтобы, если вводимое значение не валидно, в инпут шло предыдущее валидное значение?

- Инпуты могут быть в разных компонентах, связаны через Vuex
- Пробовал через v-directive, но так и не придумал как пропустить значение переменной в функцию.
  • Вопрос задан
  • 315 просмотров
Пригласить эксперта
Ответы на вопрос 1
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Не использовать v-model, а использовать отдельно :value и @input. В @input делать вадидацию.
Ещё менее предпочтительней вариант имхо, следить через watch за переменной привязанной к v-model и делать валидацию.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы