@killwayne

Vue-slick, почему клонированные слайды не реагируют на @click?

Уже какой день бьюсь с проблемой, что при infinite: true - клонированные слайды не реагируют ни на какое событие

Что делать?
  • Вопрос задан
  • 314 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Vue-slick - это не более чем обёртка над обычным slick'ом, так что vue про клонированные слайды ничего не знает, создаёт их не он. Соответственно, и обработчикам событий, добавляемым с помощью vue, там взяться неоткуда.

Делегируйте обработку событий - обработчик вешается на корневой элемент слайдера, был ли клик выполнен по слайду определяется по наличию класса slick-slide у предков целевого элемента, номер слайда можно определить через атрибут data-slick-index (или можете назначать слайдам какие-то свои классы/атрибуты для выяснения, где был произведён клик).

https://codesandbox.io/s/vue-template-3d5h7
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы