VeeValidate 3.1不显示错误

时间:2019-12-01 19:30:59

标签: vee-validate

第一次使用VeeValidate,事情“看起来”正确,但是我没有从错误中得到任何反馈。根据文档,我在输入周围实现了ValidationProvider

<ValidationProvider
    v-if="!coinbaseKeys.existing"
    v-slot="{ errors }"
    rules="required|alphaNum"
    >

    <span>{{ errors[0] }}</span>
    <input>type="text" class="form-control"></input>

</ValidationProvider>

我还在validation.js文件中创建了一些自己的规则。

import { extend } from 'vee-validate';
import {
  required,
  email,
  alpha_num,
  length
} from 'vee-validate/dist/rules'

extend('email', email);
extend('required', required);
extend('alpha_num', alpha_num);
extend('length', length);

我没有收到任何控制台错误,但是当我在此字段中键入时,是否没有显示错误?

1 个答案:

答案 0 :(得分:1)

我在v-model上没有input,非常...新秀错误。如果没有v模型,VeeValidator不知道要验证的数据在哪里。我希望VeeValidator在这种情况下会显示错误。