想象一下,我有两个这样的自定义元素:
<accordeon>
<collapse>
<div slot="header">...</div>
<div slot="body">...</div>
</collapse>
</accordeon>
我将在collpases
中有多个accordeon
。 (collapse
单击时隐藏/显示正文)。在html中,我可以选择两个collapse
槽的内容并为其设置样式。
现在我遇到了问题,我收到了显示为accordeon
的大型JSON数组。如果我将该数组传递给<accordeon>
,那么我认为应该在for循环内的手风琴中渲染<collapse>
元素。但是后来我不能使用collapse
作为自定义元素,这意味着我将无法设置样式和管理collapse
的广告位的内容,因此它不能灵活地用作组件(因为我认为不应从该元素内部修改自定义元素)。
所以我认为我需要Vue中的v-for和angular中的ngFor之类的东西,但是我认为这不是一件小事。那么在这种情况下我应该如何处理渲染列表?
P.S:考虑到那之后我需要无限滚动。