Question

我想创建类似于ajax-example的提醒，但允许在确认之前点击外部点击。用户点击确认后，我想禁止外部点击，直到操作完成。

将配置变量allowOutsideClick设置为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>

确认后，SweetAlert2禁止外部点击

1 个答案: