Как проверить адреса электронной почты с помощью vuelidate?

Question

Как проверить электронную почту?

Не могли бы вы показать пример с сообщением об ошибке?

В документации недостаточно деталей.

Кажется, нет ничего лучше v-if="!$v.user.email.email"

Следующий код тоже не работает

validations: {
 user: {
  email: {
        required,
        email: email(),
      },
 }
}

Answer 1

На самом деле я ошибался и там было что-то вроде v-if="!$v.user.email.email" Вам не нужны никакие данные для валидатора электронной почты.

Все, что вам нужно, это

 email: {
        email,
      },

Если у вас возникли ошибки Vetur, просто удалите Vetur и переустановите его.

Vue.use(window.vuelidate.default)
const { email } = window.validators

new Vue({
    el: "#app",
  data: {
    user: {
     email: ""
    }
  },
  validations: {
    user:{
        email: {
          email
        }
    }
  },
  methods: {
    status(validation) {
        return {
        error: validation.$error,
        dirty: validation.$dirty
      }
    }
  }
})

input {
  border: 1px solid silver;
  border-radius: 4px;
  background: white;
  padding: 5px 10px;
}

.dirty {
  border-color: #5A5;
  background: #EFE;
}

.error {
  border-color: red;
  background: #FDD;
}

  
   this must be an email
  {{ $v }}

Ответ { ссылка } показывает, как использовать при размытии тоже функциональность