# Dialogs

v-dialog コンポーネントは特定のタスクについてユーザーに知らせ、重要な情報を含む、決定を必要とする、または複数のタスクを含むかもしれません。 割り込みとなるダイアログは控えめに使用してください。

# 使い方

ダイアログには、activatorとcontent(デフォルト)の2つのslotが含まれています。 プライバシーポリシーに適しています。

# API

# サンプル

# Props

# Fullscreen

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

# Transitions

ダイアログを上または下から表示させることができます。

# Persistent (永続的表示)

Simple Dialogと似ていますが、外側に触れたりescキーを押しても閉じない点が異なります。

# Scrollable

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

# その他

# フォーム

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

# ローダー

v-dialog コンポーネントを使用すると、アプリケーション用にカスタマイズされたローディングエクスペリエンスを簡単に作成できます。

# ネスト

ダイアログはネストできます: ダイアログから別のダイアログを開くことができます。

# オーバーフロー

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

# activatorを使用しない場合

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

準備はできましたか?

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