Моя задача сделать отрисовку таблиц v-table. В зависимости от того, сколько объектов с данными я получаю, столько таблиц должны быть отрисованы.
Сейчас я имею следующий метод, который отрабатывает запросы и отдает данные для отрисовки.
getEdInReg () {
this.linksArr = ['https://test.ru/14/eds', 'https://test.ru/15/eds', 'https://test.ru/16/eds', 'test.ru/17/eds']
Promise.all(this.linksArr.map(url => this.axios.get(url)))
.then(resp => {
console.log('Complete-resp', typeof resp, resp)
// console.log('Complete', typeof resp, resp[0].data.eds_in_register)
this.edReg = resp.map((x)=> x.data.eds_in_register)
console.log('this.edReg after map:',this.edReg)
})
},
Вот так выглядят мои входящие данные после перебора:
А вот так я думал вывести столько таблиц, сколько пришло объектов через v-for:
<v-data-table
v-for="(ed, i) in edReg " :key="i"
:headers="headers_ed"
:items="edReg"
item-key="id"
...
>
В таком виде я имею ошибку
[Vue warn]: Error in render: "TypeError: Cannot read property 'status' of undefined"