SweetAlert2是非常流行的前台弹窗组件,大多用作弹窗提示,其实该组件还有很多功能,比如做一个加载动画:
Swal.fire({
title: false,
text: '数据加载中……',
showCloseButton: false,
showCancelButton: false,
showconfirmButton: false,
onBeforeOpen: () => {
Swal.showLoading()
// 接口请求,操作成功关闭Swal,Swal.close()
}
});
最关键的就是 Swal.showLoading()
与 Swal.close()
,一个是加载动画,一个是关闭弹窗。