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

Question

[Igor Koch]

есть 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, но так и не придумал как пропустить значение переменной в функцию.

Answer 1

[Evgeny Kulakov]

Не использовать v-model, а использовать отдельно :value и @input. В @input делать вадидацию.
Ещё менее предпочтительней вариант имхо, следить через watch за переменной привязанной к v-model и делать валидацию.