Каким образом лучше сделать данный слайд во Vue.js?

Question

[xXRustamXx]

Всем привет, стало интересно, каким образом можно реализовать слайды в которых контент разный и что бы они переключались между собой, вот фото для наглядности:

Через масив slides(условно) их не выведешь т.к контент у них различаеться, по компонентам каждый слайд делить это бред, решил все 2 слайда закинуть в 1 компонент и ломаю голову как можно определить количество слайдов в компоненте и т.к Может я вобще не в ту степь полез и есть варианты по лучше?

Answer 1

[0xD34F]

Через масив slides(условно) их не выведешь т.к контент у них различаеться...

Да ну? А что мешает сделать контент свойством элементов slides и передавать каждому слайду то, что нужно?

Comments

[xXRustamXx]

Почему метод обрабатываеться как атрибут html и при клике ничего не происходит, ошибок нет....

[0xD34F]

xXRustamXx, по картинкам диагноз ставить не буду, извините - выкладывайте код в песочницу.

[xXRustamXx]

0xD34F, Сори сек

[xXRustamXx]

0xD34F, https://codepen.io/Metis/pen/BVoWMe?editors=1010

[0xD34F]

xXRustamXx, э-э-э, нет. Не надо кнопки никуда передавать как часть контента. Кнопки должен создавать сам компонент - в зависимости от того, какой слайд показывается. И зашивать не надо слайды в компонент - пусть это будет параметр. Типа так.

[xXRustamXx]

0xD34F, Ну типо в общий обьект не вижу смысла засовывать sliders т.к если добавиться еще компонент похожый на slides то будет каша из кусков html кода) Но в контексте данного примера я думаю это отличный вариант что ты предоставил, но разбирать сложно... Думаю с опытом достигну минимализма как у тебя, но а так вот: https://codepen.io/Metis/pen/BVoWMe?editors=1010

[xXRustamXx]

0xD34F, P.S у меня встречный вопрос что делать если стилизация кнопок абсолютно разная в каждом слайде, выводить их по отдельности?? Звучит бредово, есть варианты?

[0xD34F]

xXRustamXx, есть. Можно добавить к объекту слайда свойство, содержащее нужные стили, и применять их, типа так.

[xXRustamXx]

0xD34F, Это не плохой вариант, но немножко не то, вот я имею ввиду: https://youtu.be/Y7xgsJhYgB0

[0xD34F]

xXRustamXx, честно говоря, ничего не понял. Можно как-то пояснить?

[xXRustamXx]

0xD34F, На видео в каждом слайде есть кнопки которые ссылаються на другой слайд взависимости от клика, и у меня вопрос: каким образом можно сделть навигацию, ведь в каждом слайде разное количество кнопок и стилизация разная, если бы через свойство sliders.content(условно) можно было бы задавать метод, то было бы все легко и понятно, а так я сейчас не множечко не понимаю, не ужели каждую кнопку нужно запихивать в template и взависимости от слайда отображать нужные или есть другие варианты?

[0xD34F]

xXRustamXx, честно говоря, я в недоумении - то, что вы показали, это никакие не слайды, больше похоже на диалоговые окна (то, что одно окно открывается после действия в другом, не делает их слайдами). То есть, речь изначально шла не о том.

Мне кажется, вам стоит задать новый вопрос, где подробно объяснить, что именно вам надо.