vue2使用v-for每6条数据换行

可以使用computed属性将数据分组，然后再使用v-for循环渲染。

例如，假设有一个数组data，里面包含了多条数据，可以先在computed中定义一个groups数组，将data分成每6个一组：

computed: {
  groups() {
    const result = [];
    for (let i = 0; i < this.data.length; i += 6) {
      result.push(this.data.slice(i, i + 6));
    }
    return result;
  }
}

然后在模板中使用v-for循环渲染groups数组，再在内层使用v-for渲染每个组中的数据：

<div v-for="(group, index) in groups" :key="index">
  <div v-for="(item, i) in group" :key="i">{{ item }}</div>
  <br v-if="index < groups.length - 1">
</div>

其中，
用于在每组数据渲染完毕后添加一个换行符，最后一组数据不需要添加。