v-carousel コンポーネントは、タイマーで入れ替わる数枚の大きなビジュアルコンテンツを表示するために使います。

使い方

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

Sub-components

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

API

サンプル

Cycle

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

カスタムトランジション

独自のカスタムトランジションを適用することもできます。

Custom delimiters

Use any available icon as your carousel's slide delimiter.

コントロールを隠す

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

Hide delimiters

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

v-model control

You can control carousel with model.

Edit this page on Github | Translate on Crowdin
Vuetify
StoreFor Enterprise