v-carousel
コンポーネントは、タイマーで入れ替わる数枚の大きなビジュアルコンテンツを表示するために使います。
v-carousel-item
:v-carousel
によって使用されるイメージコンテナ。v-window-item
を拡張し、ルーティング可能で、デフォルトのスロットでv-img
を使用します。
以下に、簡単な例から複雑な例まで示します。
** cycle ** propを使用すると、6秒(デフォルト) ごとに次の利用可能なスライドに自動的に移行させることができます。
独自のカスタムトランジションを適用することもできます。
利用可能な任意のアイコンを、カルーセルスライドのデリミタ(区切り)として使用します。
ナビゲーションコントロールは :show-arrows="false"
で非表示にできます。
hide-delimiters
propで下部のコントロールを非表示にできます。
カルーセルをモデルで制御できます。
Caught a mistake or want to contribute to the documentation?
Edit Layout
on GitHub!