JS Sweetalert 2 高级用法讲解

高级Toast弹窗

顾名思义，就是在某个位置弹出消息提示框，用法如下：

Swal.fire({
     toast:true,
     showConfirmButton: false,
     type: 'success',
     timer:3000,
     title: '成功',
     text:"信息已提交！"
 })

参数说明：

• toast:必须填true，没有为什么
• showConfirmButton:显示按钮（可选，默认为true，建议填false）
• type:图标类型，共四种（可选）
  1.info（信息，如下图 | 无动画）
  2.success（成功，图标是对号 | 有动画）
  3.error（错误，图标是叉号 | 有动画）
  4.warning（警号，图标是感叹号 | 无动画）
• timer:消失时间/ms（可选，默认不消失）
• title:标题（可选）
• text:文本（可选）

效果如下：

附加内容

配置参数

你可以使用swal.setDefaults(customParams)方法来覆盖默认的参数，customParams是一个对象。

方法

浏览器兼容

SweetAlert2可以工作在所有的现代浏览器中：

• IE: 10+（需要引入Promise文件）
• Microsoft Edge: 12+
• Safari: 4+
• Firefox: 4+
• Chrome 14+
• Opera: 15+

学习是一个不断抄袭和重复的过程.