Как сделать такой слайдер на Vue.js?

Question

[Иван Иванов]

Добрый день, подскажите пожалуйста. Как сделать слайдер, как на картинке, с эффектом скольжения на Vue.js. Есть блок в котором находятся только 3 картинки и 4 картинка за блоком. И картинки съезжают влево автоматически, например, каждые 3 секунды.
Можете кинуть какие-либо примеры или объяснить алгоритм реализации?

Comments

[VegasChickiChicki]

Я думаю можно сделать как нибудь элегантно через FLIP анимацию, кажется так называется, если не ошибаюсь, на офф странице Vue даже есть пример с судоку:
https://ru.vuejs.org/v2/guide/transitions.html#Ани...

[WapSter]

Серьезно такой вопрос в теге фреймворка? чувак выучи css и js потом лезь во фреймворки, ибо твоя задача решается этими технологиями и vue тут решает максимум присобачить события

[Игорь]

Так?

[Сергей delphinpro]

Всё уже украдено до нас ©
https://yandex.ru/search/?text=vue%20slider%20carousel

[Jloa]

Игорь, overflow-x: auto -- на самом деле лучший слайдер под мобилы без шуток.

Answer 1

[inFureal]

Когда вы гуглить научитесь?
https://www.npmjs.com/package/vue-slider-component

Answer 2

[Иван Лихоманов]

Сделать самому новичку будет не просто, а опытный зачастую и не будет делать(по тому что знает какой это гемморой),а найдет библиотеку и допилит под себя.
Из слайдеров изображений на JS лучший на мой взгляд swiperjs: https://swiperjs.com/demos/
Кастомизировать можно как угодно + поддержка мобильников "из коробки"