Представьте, что у меня есть два таких элемента:
<accordeon>
<collapse>
<div slot="header">...</div>
<div slot="body">...</div>
</collapse>
</accordeon>
У меня будет несколько collpases
внутри accordeon
. (collapse
скрыть / показать тело при нажатии). В HTML я могу выбрать и стилизовать содержимое обоих collapse
слотов.
Теперь у меня проблема, я получаю большой массив JSON, который будет отображаться как accordeon
. Если я передам этот массив в <accordeon>
, то я думаю, что должен рендерить <collapse>
элементы внутри аккордеона внутри цикла for. Но тогда я не могу использовать collapse
как пользовательский элемент, я имею в виду, что не смогу стилизовать и управлять содержимым слотов collapse
, поэтому он не будет гибким для использования в качестве компонентов (потому что я считаю, что пользовательский элемент не должен изменяться внутри этого элемента).
Так что я думаю, что мне нужно что-то вроде v-for в Vue и ngFor в angular, но я не думаю, что это будет тривиально. так что мне делать в этом случае для рендеринга списка?
P.S .: учтите, что после этого мне понадобится свиток бесконечности.