Как добиться успеха validateState с: error in element-ui vuejs

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 в качестве проверки, когда проверка правильна, свойство не переходит в «успех», что позволяет вызвать зеленое поле.

Как заставить validateState пройти успешно, когда ошибка исправлена ​​как в примере ссылки?

большое спасибо

Answer 1

Если вы хотите установить класс is-success вручную, вы можете привязать класс is-success к 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>