我正在使用 Vee Validate 和 Vuetify,如下所示:
<v-text-field
v-model="email"
type='email'
required
v-validate="'required|email'"
:error-messages="errors.collect('email')"
label="E-mail"
data-vv-name="email"
ref="email"
required
></v-text-field>
我想使用文档中显示的一些字段标志,如下所示:
<span v-show="errors.has('email') && fields.email.touched">{{ errors.first('email') }}</span>
我想使用内置的 Vuetify 表单错误,因为它们看起来不错,但似乎无法使标志起作用。我努力了:
:error-messages="errors.collect('email') && fields.email.touched"
这显然是不正确的。有任何想法吗?
编辑
我添加了一个代码笔示例,您会注意到,一旦您开始在电子邮件字段中输入内容,您就会在确认电子邮件字段中收到错误消息。我要做的只是在字段有错误并且已被触摸/更改时才显示错误。 https://codepen.io/tjquinn/pen/gKrVdX?&editors=101