ConfirmDialog
This component is embedded in the default layout. It's a dynamic dialog which is used to ask the user for confirmation before performing an operation.
For example: Do you really want to delete the content 'abcd'?
It can be globally accessed with this.$mapo.$confirm
Props
Name | Description | Type | Required | Default |
value | v-model boolean that controll the status of the dialog (opened/closed) | Boolean | false | false |
question | The text in the body of the dialog. | String | false | - |
title | The title of the dialog. | String | false | - |
dismissButton | The text plus props passed to the dismiss Button. | { text: String, attrs: Object } | false | - |
approveButton | The text plus props passed to the approve Button. | { text: String, attrs: Object } | false | - |
Events
Event Name | Description | Parameters |
input | Fired when the v-model changes. | Emits true|false based on the dialog status open|close . |
open | Fired when the dialog opens | - |
close | Fired when the dialog closes | - |
Slots
Name | Description | Default Slot Content |
activator | Activator slot, this follows the logics of vuetify activator. | - |
Methods
Method | Description | Parameters |
open | This open the Confirm dialog component showing to the user a question. Returns a promise with the user response. See this.$mapo.$confirm.open | The payload containing the information to show to the user in the confirm dialog. |
accept | This forces the dialog to close, giving a positive response. See this.$mapo.$confirm.close | - |
close | This forces the dialog to close, giving a positive response. See this.$mapo.$confirm.accept | - |