Нет извлечения данных при извлечении данных с помощью Vuejs с использованием laravel с отношениями

Question

в контроллере ответ в порядке 200

return = CustomerRequest :: with ('item') -> paginate (5);

в модельном классе

public function item() { return $this->belongsTo('App\Item'); }

В шаблоне Vuejs

`data() {
columns: {},
},
methods: {
getData(){
axios.get('/api/customerRequest')
                .then(response => {
                  this.colums = response.data;
                });
}
}`


<tr v-for="column in columns" :key="column.id">
<td>{{column.id}}</td>
<td>{{column.item.title}}</td>
...
</tr>

it say : TypeError: "column.item is null"

Answer 1

У вас есть тип при настройке this.columns.

Обновление this.colums = response.data; в:

methods: {
  getData(){
  axios.get('/api/customerRequest').then(response => {
    this.columns = response.data;
  });
}