Dialog ​

The Dialog component displays a popup dialog that contains and facilitates user-related operations.

Basic Usage ​

You need to use the v-model directive to control the display status of the Dialog. The Dialog is divided into three parts: title, content, and footer. You can combine them as needed to display the content.

Close Button ​

You can use the show-close prop to control the visibility of the close button in the Dialog.

Width and Position ​

You can use the width and top props to control the width and distance from the top of the Dialog. The center prop can be used to center the Dialog.

Fullscreen Display ​

The fullscreen prop allows the Dialog to be displayed in fullscreen mode.

Closing on Overlay Click ​

The close-on-click-modal prop controls whether the Dialog can be closed by clicking on the overlay.

Attributes ​