Javascript 如何将VeeValidator 3错误添加到引导Vue验证程序中

我需要将引导Vue输入表单控件与VeeValidate集成。VeeValidate工作正常，但当出现错误时，我需要将错误行为发送到文本字段。现在，我可以看到字段下面的错误，但绿色轮廓仍保留在文本字段周围，并在其内部带有复选标记

{{错误[0]}

extend（'odd'）{
验证：值=>{
返回值%2！==0；
},
消息：“此字段必须是奇数”
});

您的

b-form-group

验证是反向的。如果希望引导Vue在字段中指示错误，则使用：

---

这样，当字段验证失败时，输入将显示无效，Bootstrap Vue将自行处理显示错误，而不必使用自定义的

我认为还有另一种解决此问题的方法：

<validation-provider name="Email" 
                     :rules="{ required: true, email: true }"
                     v-slot="validationContext">
    <b-form-group label="Email"
                  :invalid-feedback="validationContext.errors[0]">
        <b-form-input type="email" 
                      v-model="email"
                      :state="getValidationState(validationContext)" />
    </b-form-group>
</validation-provider>

---

太好了！！谢谢你的解释。我从官方网站上找到了类似的东西，希望这对其他人有用

methods: {
    getValidationState({
        dirty,
        validated,
        valid = null
    }) {
        return dirty || validated ? valid : null;
    },
}