Yan4on
@Yan4on
Trainee Front-end dev

Корректная отрисовка нескольких таблиц в v-for?

Моя задача сделать отрисовку таблиц 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)
        })
    },

Вот так выглядят мои входящие данные после перебора:
61104f0b84a4f853601399.png
61104f5609717383542922.png

А вот так я думал вывести столько таблиц, сколько пришло объектов через 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"
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы