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.

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

제공되는 Props, Slots, Events 와 함수들을 이용하여 원하는 컴포넌트를 직접 구현해 보세요.

간단한 예재부터 복잡한 예제까지 아래를 참고해서 앱 개발을 시작해 보세요.

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.

더 읽을 준비 되었나요? 그렇다면 아래 설명서를 더 읽어보세요!

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