@sxivanov

Как реализовать валидацию с vuelidate?

61e9813349ed5423530498.png

Повесил обработчик на форму

<form @submit.prevent="checkForm">

methods: {
    checkForm() {
      this.$v.form.$touch();
      if (!this.$v.form.$error) {
        console.log("Валидация прошла успешно");
      }
    },
  },


Подключил библиотеку

<script>
import useVuelidate from "@vuelidate/core";
import { required, email } from "@vuelidate/validators";

export default {
  name: "App",
  setup() {
    return { v$: useVuelidate() };
  },
validations() {
    return {
      form: {
        surname: {},
        name: { required },
}


И все ровно получаю ошибку на фото. В чем может быть дело?
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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