Loops v-for中的VueJs条件包装器

有没有办法在v-for循环中生成条件包装器

所以我有类似的东西

标题
{{item.text}

但我需要的是： 我不确定我能在代码中描述它。但我需要的项目是在包装每当有新的如此喜欢

新的v-if跨度
项目1
项目2
项目3
新的v-if跨度
项目4
项目5
项目6

我想我可以改进我的数组，在我使用v-for之前检查组，并在v-for中执行v-for

---

但也许在vue中有一种我不知道的更酷的方法可以做到这一点？

您可以在这里尝试类似的方法

newvue({
el:“应用程序”，
数据（）{
返回{
项目：[1,2,3,4,5,6,7,8]
}
}
})

新的v-if跨度
项目{{item}

是的，但这基本上意味着我必须首先知道我首先拥有多少组和组中的项目。但是看起来只有2个v-for循环是唯一的选项，您必须为这个HTML结构使用2个循环（1个用于组，另一个用于每个组项）。另外，你不必知道有多少组，你只需要知道每个组中有多少个项目。

items

看起来如何？一个对象数组请共享该数组的一个片段。我不太清楚这有什么关系，它是一个非常大和长的对象，但它也可以是

[{date:2020-02-01，标签：“item1”}，{date 2020-02-20，标签：“item2}]

问题仍然适用