# Carousels
v-carousel
コンポーネントは、タイマーで入れ替わる数枚の大きなビジュアルコンテンツを表示するために使います。
# 使い方
v-carousel
コンポーネントは、v-window
を拡張し、画像の表示を目的とした追加機能を提供します。
# API
# サンプル
# Props
# 区切りのカスタマイズ
利用可能な任意のアイコンを、カルーセルスライドのデリミタ(区切り)として使用します。
# カスタムトランジション
v-carousel-item
コンポーネントは transition/reverse-transition を変更することができます。
# Cycle
cycle プロパティを使用すると、次の利用可能なスライドに6秒(デフォルト)ごと自動的に切り替えることができます。
# コントロールを隠す
ナビゲーションコントロールは :show-arrows="false"
で非表示にできます。
# 矢印のカスタマイズ
矢印は prev と next スロットを使用してカスタマイズできます。
# Hide delimiters
hide-delimiters
プロパティで下部のコントロールを非表示にすることができます。
# Model
カルーセルをmodelで制御できます。
準備はできましたか?
Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:11/12/2024, 6:59:50 AM