Dialog
Basic usage
Set v-model to control the visibility of the dialog. It needs to be a Boolean value.
The dialog consists of a title, a body and a footer. The body allows you to insert any content, while the footer contains the default confirm&cancel buttons.
Customize footer
You can customize the footer by using the slot named footer.
Submit button loading
you can use submit-loading to control the loading state of the submit button to prevent repeated submissions.
API
Attributes
| Name | is Required | Type | Default Value Description | Description |
|---|---|---|---|---|
| modelValue | No | boolean | false | visibility of Dialog |
| title | No | string | - | the title of dialog |
| width | No | string/number | 30% | width of dialog |
| submitLoading | No | boolean | false | loading state of confirm button |
iDialog is a secondary encapuslation base on Dialog from Element plus. For description of other properties, please refer to Dialog
Event
| Name | Description | Parameters |
|---|---|---|
| confirm | triggers when confirm button is clicked | - |
| cancel | triggers when cancel button is clicked | - |
Slot
| Slot Name | Description |
|---|---|
| - | content of body |
| footer | content of footer |