Как отобразить два v-for в таблице?

Question

[Алексей]

Как отобразить в таблице рядом два v-for из разных get запросов

<table style="position: relative; left: 50%; transform: translate(-50%,0); font-size: 17px; margin-top: 3%; width: 90%;">

    <tr>
        <td><h5>Созданные Вами отчеты</h5></td>
        <td><h5>Созданные на Вас отчеты</h5></td>
    </tr>

    <tr v-for="reports in reports_creator" :key="reports.id" >
       <td style="text-align:center"> Кто создал: {{reports.creator.first_name}} {{reports.creator.last_name}} <br>
            На кого создано: {{reports.employee.first_name}}  {{reports.employee.last_name}}  <br>
            Дата создания: {{reports.created_at}} <br>
            Файл: <a download target="_blank" :href="reports.file" v-if="reports.file"><img src="../assets/excel.png" alt="" width="50px!important"></a>
        </td>
        <td></td>
    </tr>
    <tr v-for="reporte in reports_employee" :key="reporte.id" >
        <td></td>
        <td>Кто создал: {{reporte.creator.first_name}} {{reporte.creator.last_name}}<br>
            На кого создано: {{reporte.employee.first_name}} {{reporte.employee.last_name}} <br>
            Дата создания:  {{reporte.created_at}} <br>
            Файл: <a download target="_blank" :href="reporte.file" v-if="reporte.file"><img src="../assets/excel.png" alt="" width="50px!important"></a> 
        </td>
    </tr> 

</table>

Comments

[Вадим]

Так, и проблема у Вас в...?

Answer 1

[0xD34F]

Одного хватит. Который будет работать с вычисляемым свойством, представляющим объединённые данные.

Answer 2

[Антон Антон]

в простейшем случае как-то так: https://codepen.io/FragsterAt/pen/RwyEwRB
но, скорее всего, нужно как-то склеить эти два результата в computed поле и выводить уже его (также через один v-for)

Comments

[Алан Гибизов]

Вот так надо вставлять!

<codepen src="https://codepen.io/FragsterAt/pen/RwyEwRB"/>

[Антон Антон]

Алан Гибизов, не надо так вставлять.

[Алан Гибизов]

Антон Антон, а почему не надо?