vue.js - 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>

标签： vue.jsvuetify.jsvee-validate

Answer 1

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