Question

在版本 9.0.0 之前，我使用此代码完全禁用了 toast 警报时的动画。

Swal.fire({
    animation : false,
    toast: true,
    ....
});

现在使用9. *版，我尝试使用此代码，其结果看起来相同

Swal.fire({
    showClass : { popup : "swal2-noanimation", backdrop : "swal2-noanimation", icon : "swal2-noanimation"},
    //hideClass : { popup : "swal2-noanimation", backdrop : "swal2-noanimation", icon : "swal2-noanimation"},
    toast: true,
    ....
});

如果我还启用了 hideClass 属性，则无法使用方法 Swal.close（）隐藏警报。

那么要获得与以前相同的效果，正确的解决方案是什么？

Answer 1

根据停用消息：

SweetAlert2：“动画”已被弃用，并将在下一个主要版本中将其删除。请改用“ showClass ”和“ hideClass ”。

Swal.fire({
  toast: true,
  icon: 'success',
  title: 'I am not animated',
  showClass: {
    popup: '',
    icon: ''
  },
  hideClass: {
    popup: '',
  },
})

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>

阅读发行说明以查看所有重大更改：https://github.com/sweetalert2/sweetalert2/releases/tag/v9.0.0

Sweetalert2：完全禁用版本> = 9.0.0的动画的正确方法

1 个答案: