Как создать непрерывную v-слайд-группу с помощью Vuetify? - PullRequest
3 голосов
/ 29 мая 2020

Кому-нибудь удалось создать непрерывную v-слайд-группу с помощью Vuetify? Я создал эту v-слайд-группу с настраиваемыми стрелками и всем остальным, но теперь я должен сделать ее непрерывной - когда будет достигнут последний элемент (щелкнув зеленую стрелку или проведя пальцем по экрану), он должен начать все заново. Я видел, что эта функция реализована в компоненте v-carousel (вместе с опорой цикла), но есть ли способ сделать это с помощью v-slide-group?

enter image description here

1 Ответ

0 голосов
/ 29 мая 2020

У меня есть «рабочее решение» прямо сейчас, я буду благодарен, если кто-нибудь сможет его расширить, улучшить или предоставить лучшее: я v-смоделировал всю группу слайдов до 0, и затем, когда пользователь щелкает следующую стрелку, она увеличивается, а предыдущая стрелка уменьшается. Чтобы добраться до конца группы слайдов, требуется 4 щелчка, поэтому, когда this.slideGroup == 4, следующий щелчок устанавливает значение 0 и перезапускает его.

slideGroup: 0,
nextSlide() {
  this.slideGroup++;
  this.slideGroup == 4 ? (this.slideGroup = 0) : "";
},
previousSlide() {
  this.slideGroup--;
}
...