How to highlight an input only if an error came from the server?

Question

Vue.js

<b-form-group
    :invalid-feedback="fieldErrors.title" // fieldErrors.title - ошибка сервера по конкретному полю
    :state="validation"
>
    <b-form-input type="text" :state="validation" />
</b-form-group>

Answer 1

Knowing the possible server responses, you need to assign the corresponding values ​​to the input states : true, false, null.
You can read how to do this here or here .