Vue 和 Vuetify 中未出现错误消息

Question

我在我的 VueApp 中使用 Vuetify 和 Vee-Validate。

我尝试使用<span>{{ errors[0] }}</span>并且它出现，但是当我尝试使用时:error-messages="errors[0]"它没有出现。

                  <ValidationProvider rules="required|email" name="Username" v-slot="{ errors }">
                    <v-text-field
                      label="Username"
                      v-model="form.username"
                      type="email"
                      outlined
                      hide-details
                      :error-messages="errors[0]"
                    ></v-text-field>
                      <span>{{ errors[0] }}</span>
                  </ValidationProvider>

Answer 1

该hide-details道具隐藏了组件中显示错误消息的部分。Try hide-details="auto"，默认情况下会隐藏它，但在出现错误/提示时会显示。