Nuxt: Cannot read property 'id' of undefined

Question

Использую nuxt-buefy таблицу для вывода информации, полученной по api. Получилось сделать в Admin Nuxt Bulma, перенёс страницу на более новую версию Nuxt и там уже получаю ошибку по типу Cannot read property 'id' of undefined. Абсолютно одинаковый код на 2ух разных версиях. На старой всё работает корректно. Не могу понять, в чем проблема. Пример таблицы:

<b-table
 :checked-rows.sync="checkedRows"
 :checkable="checkable"
 :loading="isLoading"
 :paginated="paginated"
 :per-page="perPage"
 :striped="true"
 :hoverable="true"
 default-sort="id"
 :data="clients">
  <template slot-scope="props">
   <b-table-column label="№" field="id" sortable> {{ props.row.id }} </b-table-column>        
  </template>
</b-table>

Vue DevTools Таблица

Answer 1

Если у вас в webtools приходит props.row.id но все равно есть ошибка попробуйте v-if

    <b-table-column v-if="props.row" label="№" field="id" sortable> 
{{ props.row.id }} 
</b-table-column>

Answer 2

<b-table-column v-slot="props" label="№" field="id" sortable> {{ props.row.id }} </b-table-column>

Вместо slot-scope="props" в начале, использовал v-slot="props" для каждого столбца

БЛОГ НА HUSL

Nuxt: Cannot read property 'id' of undefined

Ответы (2 шт):