SweetAlert2是非常流行的前台弹窗组件,大多用作弹窗提示,其实该组件还有很多功能,比如做一个加载动画:

Swal.fire({
  title: false,
  text: '数据加载中……',
  showCloseButton: false,
  showCancelButton: false,
  showconfirmButton: false,
  onBeforeOpen: () => {
    Swal.showLoading()
    // 接口请求,操作成功关闭Swal,Swal.close()
  }
});

最关键的就是 Swal.showLoading()Swal.close(),一个是加载动画,一个是关闭弹窗。

示例地址:https://getkit.cn/resources/pixabay/

文章版权归 鸽听网 所有,未经许可不得转载,责任编辑:小旭旭。

分享到: