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 | - |