Javascript 基于laravel后端的引导vue表单验证:显示错误消息,但表单输入仍处于有效状态。有什么想法吗?

Javascript 基于laravel后端的引导vue表单验证:显示错误消息,但表单输入仍处于有效状态。有什么想法吗?,javascript,vue.js,vuejs2,bootstrap-vue,Javascript,Vue.js,Vuejs2,Bootstrap Vue,我正在做一个项目,需要我做一些增值税号码的后端验证 首先,我使用客户端Vue引导表单验证来确保填写了所有必填字段。如果成功,我将向数据库发出post请求 当后端VAT验证失败时,返回一个json并返回错误 当我的前端收到错误消息时,我想将先前标记为成功验证的VAT输入更改为失败 为此,我使用中提到的:state属性 当我这样做时,errormessage会按预期显示,但输入周围的边框仍然是绿色的,就好像它是正确的输入一样 有没有人知道是什么原因导致了这种情况,以及如何解决 在下面,您可以看到一个

我正在做一个项目,需要我做一些增值税号码的后端验证

首先,我使用客户端Vue引导表单验证来确保填写了所有必填字段。如果成功,我将向数据库发出post请求

当后端VAT验证失败时,返回一个json并返回错误

当我的前端收到错误消息时,我想将先前标记为成功验证的VAT输入更改为失败

为此,我使用中提到的:state属性

当我这样做时,errormessage会按预期显示,但输入周围的边框仍然是绿色的,就好像它是正确的输入一样

有没有人知道是什么原因导致了这种情况,以及如何解决

在下面,您可以看到一个链接,指向绿色边框表单输入下面显示的errormessage(因为它是错误,所以应该是红色)和一些相关代码片段的图像。


提前谢谢

收到错误时,
VATValid
的值是否显示为
false
?请将代码复制到此处,而不是屏幕截图。