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

Question

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

Как подавить встроенное сообщение об ошибке проверки, если я использую 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>

Answer 1

Если вам не нужно отображать какие-либо «подсказки» с вашим компонентом ввода, вы можете установить скрытые детали в значение 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>