Как правильно реализовать это на vue?

Question

[chumak_pro]

Пишу небольшой компонент.
Слайдер, на каждом слайде блок и кнопка которая его показывает.
Кол-во блоков всегда разное - иногда 5, иногда 10, иногда 14
Показ блока делаю через переменную.
Каким образом их инициализировать если не знаю сколько точно их будет, или это вобще не так делается?

Comments

[0xD34F]

...или это вобще не так делается?

"Не так" - это как? КОД ГДЕ? Угадывать, что вы имели в виду под "показ делаю через переменную" и "инициализировать" желания нет. Так что давайте, продемонстрируйте, что у вас уже есть. Желательно, это будет демо в песочнице.

Answer 1

[Александр]

Или сложный массив (в теории):
Слайд1{блок1{},блок2{},...},Слайд2{блок1{},блок2{},...},Слайд3{блок1{},блок2{},..},...
v-for перебирай блоки, но будет двойной v-for.
Или слайд как отдельный компонент (template может одинаковым оказаться для всех, что плохо). Для каждого Слайда (Компонента) отдельный массив с описанием блоков и динамическая загрузка компонентов, те нажал на "Кнопку" другой template.
PS

кнопка которая его показывает

Надеюсь не bottom )))
Сделай v-on:click на div

Comments

[chumak_pro]

блин для такой простой задачи городить такую штку((

[Александр]

chumak_pro,
Да. Городить придется. но в случаи когда каждый слайд имеет различную разметку. Там больше проблем с css чем с vue )))