Can't display values from request Vuejs

Question

I try to display errors that I get from request, on validation.

But I get an error:

Cannot read property 'saleforce_id' of undefined

That's how my errors look like.

<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>

glinda93 · Accepted Answer · 2020-03-04 14:05:58Z

2

Somehow, the array structure is broken and the key must be all_values.saleforce_id.

If it's an expected behaviour, your code should like this one:

<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>

Otherwise, change the response structure from the backend.

answered Mar 4, 2020 at 14:05

glinda93

8,5297 gold badges51 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can't display values from request Vuejs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related