CarouselView

SfCarouselView - компонент тела карусели. Предполагается использование вместе с хуком useCarousel

Props

mode

fractional

baseView

views

itemHeight

  • type: String
  • default: null

Высота элемента слайда. Необходим для автоматического вычисления высоты компонента. Имеет смысл использовать при вертикальном режиме.

currentSlide

  • type: number
  • default: null

Текущий номер слайда

items

  • type: Array<Object>
  • default: []

Массив объектов для отображения в карусели

transition

  • type: { transitionDelay?: string; transitionDuration?: string; transitionTimingFunction?: string; }
  • default: { transitionDelay: '0s', transitionDuration: '.8s', transitionTimingFunction: 'ease-in-out', }

Конфигурация transition переключения между слайдами.

Особенность применения

Важная связь между props и injectedValues В случае отсутствия значений для таких props, как:

  • currentSlide
  • views
  • fractional
  • mode

Берется значение из useCarousel посредством inject. Если useCarousel не используется, тогда inject используется дефолтное значение.

Events

transitionStart

  • type: TransitionEvent

Начало проигрывания transition при переключении между слайдами

transitionEnd

  • type: TransitionEvent

Конец проигрывания transition при переключении между слайдами

Scoped slots

default

  • required: true
  • prop: item
  • prop: index

Элемент отображения для Carousel. item представляет собой элемент массива items, переданного через props. index - это номер элемента в массиве items.

Example