Vue.js 当laravel和vuetify出现错误时禁用保存按钮

Vue.js 当laravel和vuetify出现错误时禁用保存按钮,vue.js,vuetify.js,Vue.js,Vuetify.js,我在表单上使用Vuetify v-text-field。我有一些基本规则(字段必填),可以使用基本规则进行验证(:rules=“[rules.required]”。 但我在服务器端也进行了验证,以强制DB中该值的唯一性。所以这不能用简单的规则来验证。在我的axios调用中,我检查错误并设置错误消息(:error messages=“editem.errors['fieldname']) 我希望在表单出错时禁用“保存”按钮。。。但问题是,一旦我设置了错误消息,表单就会总是出错 如何重置它 我可能会

我在表单上使用Vuetify v-text-field。我有一些基本规则(字段必填),可以使用基本规则进行验证(:rules=“[rules.required]”。 但我在服务器端也进行了验证,以强制DB中该值的唯一性。所以这不能用简单的规则来验证。在我的axios调用中,我检查错误并设置错误消息(:error messages=“editem.errors['fieldname'])

我希望在表单出错时禁用“保存”按钮。。。但问题是,一旦我设置了错误消息,表单就会总是出错

如何重置它

我可能会在每次更改字段时重置editem.errors数组。但我觉得这太过分了


有更简单的方法吗?

@focus为我做了这件事。

我添加了@focus:“resetErrors('field')”并重置该字段的错误[]。至少它只关注焦点,而不是每一个变化。你有更好的解决办法吗?