Блог

Главная - Вопросы по программированию - ошибка отладки vuejs «Не удается прочитать свойство ‘id’ неопределенного»

ошибка отладки vuejs «Не удается прочитать свойство ‘id’ неопределенного»

#vue.js #vuejs2

#vue.js #vuejs2

Вопрос:

Мне нужно отправить уведомление о том, что статус не выбран, но я получаю сообщение об ошибке «Не удается прочитать свойство ‘id’ неопределенного» Как я могу это исправить?

 <div class="select-item" v-for="(type, index) in typeStatus" v-bind:key="type.id" v-on:click="status = index; addedForm = false;">
{{ type.name }}</div>

search() {
    this.filter.status = this.typeStatus[this.status].id
    this.$emit('filter', this.filter)
    if (this.filter.status == null) {
        return alert('Please select status')
    }
},

Комментарии:

1. Как вы typeStatus выглядите?

2. <span> {{ typeStatus[status].name }}</span> typeStatus: []

3. Попробуйте :key="index" вместо v-bind:key="type.id"

4. Если у вас есть id значение, использование index является плохой альтернативой. Глядя только на код, который у вас есть здесь, я не верю, что здесь есть что-то, что не должно работать… ошибка означает, что type по какой-то причине оно отображается как неопределенное, что не имеет особого смысла.