Javascript 如何使用for循环添加新行？

我有一个简单的字母数组，我使用for循环在屏幕上显示字母，我想把每六个字母添加到一行，我想达到这个效果

---

你可以试试这个，它会在每6个字母后添加一个br，然后你可以添加任何你想要的样式，使它看起来像上面提到的矩阵

我会在这里使用简单的css，通过在网格中显示这个数组和按钮

{{item}} 按钮 .桌子{ 显示：网格； 网格模板列：repeat6，20px； 网格模板行：repeat6，20px； } .表格项目{ 显示器：flex； 对齐项目：居中； 证明内容：中心； } .表格按钮{ 网格柱：4/6； 网格行：5； 背景：红色； }

---

看看您的代码示例，我和我的名字是什么。看起来这些问题不会被定义，因此您将永远不会显示接受的答案是干净的，但您已将问题从使用编辑到使用。我提出了一个需要更复杂的基于基础的解决方案，但既然您已经接受了答案，那么您可以继续。

<script>
  export default {
    data() {
      return {
        alphabet: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
      }
    }
  }
</script>

<template>
  <ul>
    <li v-for="(item, index) in alphabet" :key="index">
      {{ item }}
    </li>
  </ul>
</template>

<script>
 export default {
   data() {
  return {
    alphabet: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
  }
 }
}
</script>

<template>
  <div>
    <span v-for="(item, index) in alphabet" :key="index">
      {{ item }} <br v-if="(index + 1) % 6 == 0" />
    </span>
  </div>
</template>