Магазин

Для бизнеса

The v-carousel component is used to display large numbers of visual content on a rotating timer.

The v-carousel component expands upon v-window by providing additional features targeted at displaying images.

Options
  • v-carousel-item: The image container used by v-carousel. Extends v-window-item, is routable, and uses v-img in its default slot.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

With the cycle prop you can have your slides automatically transition to the next available every 6s (default).

Вы также можете применить свой собственный переход.

Вы также можете изменить значок карусельного разделителя.

You can hide the carousel navigation controls with :show-arrows="false".

You can hide the bottom controls with hide-delimiters prop.

You can control carousel with model.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!