Button to request confirm before execute an action using SweetAlert2
npm i --save vue-confirm-button-gmloimport VueConfirmButton from "vue-confirm-button-gmlo";
Vue.component('VueConfirmButton', VueConfirmButton);<vue-confirm-button dialog-title="Do you confirm delete this item?">Delete</vue-confirm-button>| Props | Type | Required | Default |
|---|---|---|---|
| dialog-title | String | yes | - |
| dialog-text | String | no | - |
| confirm-button-text | String | no | "Yes" |
| cancel-button-text | String | no | "Cancel" |
You can inherit attributes directly to the button, example:
<!-- Use bootstrap classes on button and disabled-->
<vue-confirm-button class="btn btn-danger" disabled dialog-title="Do you confirm delete this item?">Delete</vue-confirm-button>| Event | Description |
|---|---|
| confirmed | When the user to click on confirm button |
| canceled | When the user to click on cancel button or exit from the dialog |