Как отрисовать такое в шаблоне Vue?

Question

[Илья]

Нужно получить таблицу со столбцами:
План|Результат|Отклонение|План|Результат|Отклонение|План|Результат|Отклонение|План|Результат|Отклонение|

Тоесть столбцы "план", "результат", "отклонение" повторяются много раз.
Одинарные понятно как делать:

<tr>
	<td v-for="n in 30">План</td>
</tr>

А как сделать нужный цикл для моей задачи в шаблоне Vue?

Answer 1

[0xD34F]

data: () => ({
  columns: [ 'aaa', 'bbb', 'ccc' ],
  repeat: 5,
}),
computed: {
  repeatedColumns() {
    return Array(this.repeat).fill(this.columns).flat();
  },
},

<td v-for="n in repeatedColumns">{{ n }}</td>

Answer 2

[Alex]

Цикл в цикле :)

Answer 3

[Алексей Гудырин]

Циклом выводить компонент я так думаю :) емоЁ я сам начальный junior

а так компонент один 1 "план", "результат", "отклонение" сколько угодно раз(но если разные данные то по другому==база данных используется в любом случае)

А как сделать нужный цикл для моей задачи в шаблоне Vue?

<tr>
  <td v-for="n in 30">
//30 раз цикл запускать зачем можно по другому (я junior  <td v-for="n in 4"> )
</td>
</tr>

Comments

[Илья]

td в td?

[Алексей Гудырин]

td в td?

нет я сам в компонентах еще не слишком разобрался но цикл нужно вывести так мое мнение

<tr v-for="n in 30">
  <td>План</td>
  <td>Результат</td>
  <td>Отклонение</td>
</tr>

пред идущий пост я неправильно написал так как не понял что вы хотите

[Алексей Гудырин]

а вообще куратор тега вам правильно ответил!