javascript - 如何使用 :error in element-ui vuejs 获取成功的 validateState

Question

我使用 Laravel/Vuejs 和 Element-ui 创建了一个应用程序。在我的表单中，我使用属性:error 来告诉我的字段我正在使用 Laravel 验证。

<el-form-item label="Prénom" prop="firstname" :error="registerForm.errors.get('firstname')">
    <el-input name="firstname" id="firstname" v-model="registerForm.firstname">
    </el-input>
/el-form-item>

在以下链接 ( http://element.eleme.io/#/en-US/component/form#validation ) 中，我们可以看到，当出现错误时，该字段变为红色(它适用于我)，当我们正确填写该字段时，该字段变为绿色。

当出现错误时，validateState 数据获得值“error”。使用:error作为验证，当验证正确时，该属性不传入“success”，从而可以触发绿色字段。

如链接示例中的错误被纠正后，如何使validateState成功通过？

非常感谢

Answer 1

如果你想手动设置is-success类，你可以将is-success类绑定(bind)到el-form-item

<el-form-item label="Prénom" prop="firstname" :error="registerForm.errors.get('firstname')"
:class="{'is-success': !registerForm.errors.get('firstname')}">
    <el-input name="firstname" id="firstname" v-model="registerForm.firstname">
    </el-input>
</el-form-item>