I recently developed an app using Laravel, Vuejs, and Element-ui. Within my form, I have utilized the "error" property to indicate that Laravel validation is in place.
<el-form-item label="First Name" prop="firstname" :error="registerForm.errors.get('firstname')">
<el-input name="firstname" id="firstname" v-model="registerForm.firstname">
</el-input>
/el-form-item>
Referring to this link, we can observe how the field turns red when an error occurs (this functionality is successfully implemented in my project). Subsequently, upon entering valid data, the field changes to green.
The validateState attribute receives the value "error" when there is a validation issue. Employing the ":error" method for validation, the property does not transition to "success" once the input is validated correctly, triggering the green field.
Is there a way to switch the validateState to "success" once the error is corrected, similar to the behavior shown in the link example?
Thank you for your assistance.