Как перестать отображать сообщение об ошибке встроенной проверки в Vuetify?

Мне нужно отображать все ошибки проверки формы в одном предупреждении в верхней части формы, когда пользователь нажимает кнопку отправки (не встроенную в элементы ввода).

Как подавить сообщение об ошибке встроенной проверки, если я использую Vuetify и Vee-Validation. (Я буду отображать ошибки в предупреждении, используя массив $ errors). В документации об этом нет ничего.

Я попытался ничего не передавать в сообщениях об ошибках, но затем я потерял красный контур в недопустимом поле.

Мое поле настроено так

<v-text-field
     v-validate="'required|email'"
     v-model="email"
     :error-messages="errors.collect('email')"
     label="Email Address*"
     data-vv-name="email"
     required
     outline>
</v-text-field>

vue.js vuetify.js vee-validate
person Cindy Conway    schedule 14.01.2019    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Если вам не нужно отображать какие-либо «подсказки» с вашим компонентом ввода, вы можете установить для hide-details значение true.

Хотелось бы, чтобы был способ скрыть сообщение об ошибке, не мешая подсказкам.

  <v-text-field
    v-validate="'required|email'"
    v-model="email"
    :error-messages="errors.collect('email')"
    label="Email Address*"
    data-vv-name="email"
    hide-details=true
    required
    outline>
  </v-text-field>
person Cindy Conway    schedule 14.01.2019

arrow_upward
2
arrow_downward

Вы также можете сделать hide-details="auto", который указывает Vuetify скрывать встроенные сообщения об ошибках по умолчанию и отображать их только тогда, когда действительно есть ошибки.

person rmirabelle    schedule 26.08.2020