Vue.js 如何停止在Vuetify中显示内联验证错误消息？

当用户单击“提交”（而不是与输入元素内联）时，我需要在表单顶部的一个警报中显示所有表单验证错误

如果使用Vuetify和Vee验证，如何抑制内联验证错误消息。（我将使用$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>

---

如果不需要在输入组件中显示任何“提示”，可以将“隐藏详细信息”设置为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>

电子邮件是必需的

您还可以执行

hide details=“auto”

，这将指示Vuetify在默认情况下隐藏内联错误消息，并仅在实际存在错误时显示它们

<v-text-field
 v-validate="'required|email'"
 v-model="email"
 label="Email Address*"
 data-vv-name="email"
 name="email"
 required
 outline>
</v-text-field>

 <div v-if="errors.has('email')" class="form-control-feedback form-text" v-cloak>The email is required
            </div>