Как отрисовать элементы из двумерного массива?

Question

[r_g_b_a]

Здравствуйте.
Есть простой пример демо js: матрица чисел, по которой я прохожу циклом, и если там не ноль, то добавляю в dom новый элемент с некоторыми параметрами. Подскажите, как сделать то же самое на vue демо vue?

Answer 1

[0xD34F]

computed: {
  flatArr() {
    return this.arr
      .flatMap((n, i) => n.map((m, j) => m && ({ gridRowStart: i + 1, gridColumnStart: j + 1 })))
      .filter(Boolean);
  },
},

<div class="grid">
  <div v-for="n in flatArr" class="cell" :style="n"></div>
</div>

Answer 2

[Сергей Соколов]

Для внешнего цикла можно использовать «пусто» элемент template,
внутренний цикл генерит уже сами div'ы:


fiddle