在每个字符之后检查vee-validate

Question

是否可以在每个输入字符之后这样做?只有当你点击某处

时，检查才有效。密码:

<div class='form-group' :class='{"form-group_invalid": errors.has("password") && errors.has("password:min")}'>
<input
v-validate='"required|min:8|confirmed:password_confirmation"'
type='password'
name='password'
v-model='user.password'
ref='password'
/>
<div class='form-group__error'>{{ errors.first('password') }}</div>
</div>

密码确认:

<div class='form-group' :class='{"form-group_invalid": errors.has("password:confirmed")}'>
<input
v-validate='"required|confirmed:password"'
type='password'
name='password_confirmation'
v-model='user.passwordConfirmation'
ref='password_confirmation'
/>
<div class='form-group__error'>{{ errors.firstByRule('password', 'confirmed') }}</div>
</div>

Answer 1

您可以通过添加一个额外的属性来实现这一点:

data-vv-validate-on="blur"

或在main中全局更改它。在这里创建VeeValidate实例

Vue.use(VeeValidate, {
events: 'change|custom'
});