Javascript sweetalert1 JS插件迁移到Sweelert2

我需要将我的sweetalert1 JS插件迁移到Sweetalert2插件

但是，我完全不知道如何迁移以下代码：

swal("A wild Pikachu appeared! What do you want to do?", {
  buttons: {
    cancel: "Run away!",
    catch: {
      text: "Throw Pokéball!",
      value: "catch",
    },
    defeat: true,
  },
})
.then((value) => {
  switch (value) {

    case "defeat":
      swal("Pikachu fainted! You gained 500 XP!");
      break;

    case "catch":
      swal("Gotcha!", "Pikachu was caught!", "success");
      break;

    default:
      swal("Got away safely!");
  }
});

第1条：

第2条：

---

请提供将代码格式化为sweetalert2的帮助？

首先，默认情况下，sweetalert2不允许超过2个按钮，但您可以通过使用带有jQuery绑定的自定义HTML按钮来实现这一点。对于您的具体问题，结果应该大致如下：

$（document）.on（'click'，'SwalBtn1'，function（）{
//一些代码1
控制台日志（“按钮1”）；
swal.clickConfirm（）；
swal（“安全离开！”）；
});
$（document）.on（'click'，'.SwalBtn2'，function（）{
//一些代码2
控制台日志（“按钮2”）；
swal.clickConfirm（）；
斯瓦尔（“抓住了！”，“皮卡丘被抓住了！”，“成功”）；
});
$（文档）.on（'单击'，'.SwalBtn3'，函数（）{
//一些代码3
控制台日志（“按钮3”）；
swal.clickConfirm（）；
斯瓦尔（“皮卡丘晕倒了！你获得了500经验！”）；
});
游泳({
标题：“哦，哦！”，
html:一只野生皮卡丘出现了！你想做什么？
“+
“+”跑开！”“+”+
“+”扔神奇宝贝球！“+”+
“+”失败“+”，
showCancelButton:false，
showconfixton：false
});
.swal2自定义按钮{
背景色：#3085d6；
颜色：#fff；
边界：0；
边界半径：2米；
}