确认后,SweetAlert2禁止外部点击

Question

我想创建类似于ajax示例的警报,但在确认之前允许外部点击关闭.用户点击确认后,我想禁止外部点击,直到操作完成.

allowOutsideClick像示例中那样将config变量设置为false将永远不允许外部单击,并且我没有在文档中看到以编程方式实现此行为的有效方法.

Answer 1

可以将函数传递给allowOutsideClick参数:

allowOutsideClick: () => { 
  // add your logic here and return boolean 
}

你的情况:

Swal.fire({
  title: 'Submit email to run ajax request',
  input: 'email',
  showLoaderOnConfirm: true,
  preConfirm: (email) => {
    return new Promise((resolve) => {
      setTimeout(() => {
        resolve()
      }, 3000)
    })
  },
  allowOutsideClick: () => !swal.isLoading()
})

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