SweetAlert2与Routify中的$beforeUrlChange：如何在丢失更改之前提示用户？

Question

我想在用户退出页面之前设置一个简单的警告信息，这个效果不错。

$beforeUrlChange((event, store) => {
    return confirm("Beware! You will lose your recording if you leave this page")
});

然而，当我试图用一个更高级的Sweet Alert 2弹出式窗口来代替时，无论用什么组合，它都会被重定向。return 和 .then 我想用...

$beforeUrlChange((event, store) => {
    return Swal.fire({
        title: "Beware!",
        text: "You will lose your recording if you leave this page",
        icon: "warning",
        showCancelButton: true,
        confirmButtonColor: "#3085d6",
        cancelButtonColor: "#d33",
        confirmButtonText: "Abandon",
    }).then((result) => {
        return result.value;
    });
});

我试着在里面设置一个异步函数 $beforeUrlChange这样。$beforeUrlChange( async (event, store) => {...} 但这也不行，我想这是因为"$beforeUrlChange "没有等待异步函数。

这似乎是个小任务：我只是想把自定义的 confirm 弹出一个比较好的! 我应该怎么做呢?