v-dialogコンポーネントは、特定のタスクについてユーザに通知し、重要な情報を含んだり意思決定を必要とするような複数のタスクを伴う可能性があります。割り込み的な要素ですので、ダイアログは控えめに使用してください。

使い方

A dialog contains two slots, one for its activator and one for its content (default). Good for Privacy Policies.

API

サンプル

activatorを使用しない場合

何らかの理由で activator slotを使用しない場合は、ダイアログをトリガするイベントに .stop修飾子を必ず追加してください。

モーダル

シンプルなダイアログに似ていますが、モーダルの外側に触れてもモーダルは閉じません。

スクロール可能なダイアログ

スクロール可能なコンテンツを持つダイアログの例です。

オーバーフロー

利用可能なウィンドウスペースに収まらないモーダルは、コンテナでスクロールされます。

ダイアログ内のフォーム

ダイアログ内のフォームのシンプルな例です。

Loader

The v-dialog component makes it easy to create a customized loading experience for your application.

フルスクリーンのダイアログ

スペースが限られているため、モバイルデバイスにとって、フルスクリーンのダイアログは大画面のデバイスで使用されるダイアログよりも適している可能性があります。

Nested dialogs

Dialogs can be nested: you can open one dialog from another.

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