[Vuejs]-Delete confirmation with Sweetalert2 in Vue js

by

5👍

✅

Based from the documentation, you can do this.

swal({
    title: "Delete this order status?",
    text: "Are you sure? You won't be able to revert this!",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#3085d6",
    confirmButtonText: "Yes, Delete it!"
}).then((result) => { // <--
    if (result.value) { // <-- if confirmed
        del('status-delete/' + id);
    }
});

Reference: https://sweetalert2.github.io/

2👍

Try this: 

  swal({
     title: 'Are you sure?',
     text: "You won't be able to revert this!",
     type: 'warning',
     showCancelButton: true,
     confirmButtonColor: '#3085d6',
     cancelButtonColor: '#d33',
     confirmButtonText: 'Yes, delete it!',
     cancelButtonText: 'No, cancel!',
     buttonsStyling: true
  }).then(function (isConfirm) {
     if(isConfirm.value === true) {
        axios.post('status-delete/'+id, {
           data: {
              id: id
           }
       }).then(function (response) {
          console.log('success')
       })
    }
  });

Leave a comment