Невозможно отобразить значения из запроса Vuejs

Question

Я пытаюсь отобразить ошибки, которые я получаю из запроса, при проверке.

Но я получаю ошибку:

Невозможно прочитать свойство 'saleforce_id' из неопределенного

Вот так выглядят мои ошибки.

<b-form-group label="Saleforce Id">
    <b-form-input
        id="saleforce_id-input"
        v-model="saleforce_id"
        :class="{'is-invalid':errors.all_values.saleforce_id, 'is-valid':(!errors.all_values.saleforce_id && saleforce_id !== '')}"
    ></b-form-input>
    <div class="invalid-feedback">
        <span v-if="errors.all_values.saleforce_id">{{errors.all_values.saleforce_id[0]}}</span>
    </div>
</b-form-group>

Answer 1

Каким-то образом структура массива нарушена, и ключ должен быть all_values.saleforce_id.

Если это ожидаемое поведение, ваш код должен выглядеть так:

<b-form-group label="Saleforce Id">
    <b-form-input
        id="saleforce_id-input"
        v-model="saleforce_id"
        :class="{'is-invalid':errors['all_values.saleforce_id'], 'is-valid':(!errors['all_values.saleforce_id'] && saleforce_id !== '')}"
    ></b-form-input>
    <div class="invalid-feedback">
        <span v-if="errors['all_values.saleforce_id']">{{errors['all_values.saleforce_id'][0]}}</span>
    </div>
</b-form-group>

В противном случае изменить структура ответа от бэкэнда.