Form
Когда дело доходит до валидации, Vuetify имеет множество интеграций и искусно работает. Хотите использовать сторонний плагин проверки? Из коробки вы можете использовать Vee-validate and vuelidate.
Применение
The internal v-form component makes it easy to add validation to form inputs. All input components have a rules prop which takes an array of functions. These functions allow you to specify conditions in which the field is valid or invalid. Whenever the value of an input is changed, each function in the array will receive the new value. If a function returns false or a string, validation has failed.
API
Если включено, value всегда будет true, если нет видимых ошибок проверки. Вы все равно можете вызвать validate () для ручного запуска проверки
Контроль видимости
Примеры
Creating rules
Rules allow you to apply custom validation on all form components. These are validated sequentially and will display a maximum of 1 error at a time, so make sure you order your rules accordingly.
Проверка с помощью отправки и очистка
v-formкомпонент имеет три функции, к которым можно получить доступ, установив ref на компонент. validate () будет проверять все input и возвращать, все ли они действительны или нет. reset () очистит все input и сбросит их ошибки проверки. resetValidation() только сбросит ошибки проверки не очищая значения полей.
Vuelidate
Vee-validate
Vee-validate - это ещё один плагин проверки, который позволяет вам проверять свои формы. Одно из предостережений заключается в том, что вы должны добавить type="checkbox" для правильной проверки v-checkbox при использовании value prop.