Vuetify 2 has reached EOL and is no longer actively maintained. Upgrade to Vuetify 3 or learn more about Vuetify 2 EOL.

# Carousels

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

# 使い方

v-carouselコンポーネントは、v-windowを拡張し、画像の表示を目的とした追加機能を提供します。

# API

# サンプル

# Props

# 区切りのカスタマイズ

利用可能な任意のアイコンを、カルーセルスライドのデリミタ(区切り)として使用します。

# カスタムトランジション

v-carousel-item コンポーネントは transition/reverse-transition を変更することができます。

# Cycle

cycle プロパティを使用すると、次の利用可能なスライドに6秒(デフォルト)ごと自動的に切り替えることができます。

# コントロールを隠す

ナビゲーションコントロールは :show-arrows="false"で非表示にできます。

# 矢印のカスタマイズ

矢印は prevnext スロットを使用してカスタマイズできます。

# Hide delimiters

hide-delimiters プロパティで下部のコントロールを非表示にすることができます。

# Model

カルーセルをmodelで制御できます。

準備はできましたか?

Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:03/12/2025, 5:21:30 PM