swal 用法

Swal是一个弹窗插件，可以在网页中创建可定制的弹窗。它是基于JavaScript的SweetAlert库开发的。Swal提供了多种方法和选项来创建各种不同类型的弹窗，如警告、确认、信息、成功等。

Swal的用法如下：

1.引入Swal库的相关文件，如CSS样式和JavaScript文件。 2.使用JavaScript代码调用Swal方法来创建弹窗。例如，使用Swal.fire()方法创建一个基本的警告弹窗：

``` Swal.fire({ title: '警告',

text: '这是一个警告弹窗。', icon: 'warning',

confirmButtonText: '确定'

}); ```

3.根据需求，可以使用Swal的各种选项和配置来自定义弹窗的外观和行为。例如，可以使用Swal.mixin()方法创建一个自定义的确认弹窗，设置标题、文本、按钮等：

```

Swal.mixin({ title: '确认',

text: \"你确定要执行此操作吗？\icon: 'question', showCancelButton: true, confirmButtonColor: '#3085d6', cancelButtonColor: '#d33', confirmButtonText: '确认', cancelButtonText: '取消'

}).then((result) => { if (result.isConfirmed) { //用户点击了确认按钮 Swal.fire('操作已确认！');

} else if (result.dismiss === Swal.DismissReason.cancel) {

//用户点击了取消按钮 Swal.fire('操作已取消。'); } }); ```

Swal还提供了其他一些方法，如Swal.update()来更新弹窗的内容、Swal.showLoading()来显示加载中状态等。还可以使用Swal.queue()方法来按队列显示多个弹窗。

拓展一下，Swal还支持在弹窗中插入表单、自定义按钮的点击事件、异步操作的处理等。可以根据自己的需求和SweetAlert文档来进一步学习和使用Swal。