从 sweetalert2 获取结果时遇到问题

Question

function confirmation() {
    swal.fire({
        title: "Are you sure?",
        text: "Your about to delete some files",
        type: "warning",
        showCancelButton: true,
        showConfirmButton: true,
        confirmButtonText: 'Yes, I am sure!',
        cancelButtonText: "No, cancel it!",
        closeOnConfirm: false,
        closeOnCancel: false
    }).then((result) => {

        if (result.isConfirmed) {
            swal.fire("Deleted!", "files are successfully deleted!", "success");
        } else {
            window.location = "....";
        }
    });
}

但即使我确认或否认它只是取消我能做什么？ 我也尝试使用isDenied，但仍然没有。

Answer 1

对于 SweetAlert 中的取消按钮，您应该使用 SweetAlertResult 对象的 .isDismissed() 方法。您还使用了已弃用的属性（closeOnConfirm、CloseOnCancel、type）：

function confirmation() {
    swal.fire({
        title: "Are you sure?",
        text: "Your about to delete some files",
        icon: 'success',
        showCancelButton: true,
        showConfirmButton: true,
        confirmButtonText: 'Yes, I am sure!',
        cancelButtonText: "No, cancel it!",
    }).then((result) => {
        if (result.isConfirmed) {
            swal.fire("Deleted!", "files are successfully deleted!", "success");
            console.log("Delete files...")
        }
        if (result.isDismissed) {
            swal.fire("Cancelled!", "Files not deleted!", "warning");
            console.log("Doing Nothing")
        }
    });
}

JSFiddle：https://jsfiddle.net/sdurwc9y/

单击取消按钮等于单击模态 SweetAlert 窗口外。所以你可以只使用else 而不是if (result.isDismissed)。