Vuetify

ショップ

企業向け

v-windowコンポーネントは、1 つのペインから別のペインにコンテンツを遷移するためのベースライン機能を提供します。v-tabs, v-carousel, v-stepperなどの他のコンポーネントは、このコンポーネントをコアとして利用します。

コンテンツを簡単に循環するように設計されたv-windowは、真のカスタム実装を作成するためのシンプルなインターフェイスを提供します。

確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。

以下に、簡単な例から複雑な例まで示します。

v-windowは垂直にすることができます。垂直ウィンドウには、X 軸のトランジションではなく Y 軸の遷移があります。

Reverse v-window always displays reverse transition.

v-window makes it easy to create custom components such as a different styled stepper.

スムーズなアニメーションのリッチなフォームを作成します。 v-window は現在の選択インデックスを自動的にトラックし、トランジションの方向を自動的に変更します。これは、reverse propを使用して手動で制御できます。

準備はいいですか? 以下から続きが読めます。

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