v-dialog 컴포넌트는 사용자에게 해야할 특정 작업에 대해 알리고 중요한 정보를 포함하거나 결정을 내리거나 여러 작업을 포함 할 수 있습니다. 대화창은 방해적(interruptive) 이므로 자제해서 사용하세요.

사용법

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

API

예제

Without activator

If for some reason you are unable to use the activator slot, be sure to add the .stop modifier to the event that triggers the dialog.

모달 (Modal)

바깥 부분을 건드려도 닫히지 않는 다는 점을 제외하면 간단한 대화창(Simple Dialog)과 비슷합니다.

스크롤 (Scrollable)

스크롤 되는 컨텐츠를 가진 대화창 예제

오버플로우 (Overflowed)

모달이 화면 크기에 맞지 않으면 컨텐츠를 스크롤할 수 있습니다..

폼 (Form)

대화창내의 간단한 폼 예제.

Loader

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

전체화면 (Fullscreen)

모바일 장치에서 공간이 부족할 경우 큰 화면을 가진 장치에서 쓰는 일반 대화창 보다 전체화면 대화창이 더 적당할 수도 있습니다.

Nested dialogs

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

Edit this page | language on Github
Vuetify
상점For Enterprise