Rimush
@Rimush

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

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

Тоесть столбцы "план", "результат", "отклонение" повторяются много раз.
Одинарные понятно как делать:
<tr>
	<td v-for="n in 30">План</td>
</tr>

А как сделать нужный цикл для моей задачи в шаблоне Vue?
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
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>
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@PlHePxJaS
Хочу понять идею php и js .
Циклом выводить компонент я так думаю :) емоЁ я сам начальный junior

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

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

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

Войти через центр авторизации
Похожие вопросы