我想创建类似于ajax-example的警报,但在确认之前允许外部点击解除。用户点击确认后,我想禁止外部点击,直到操作完成。
像示例中那样将配置变量allowOutsideClick
设置为false将永远不允许外部单击,并且我没有在文档中看到以编程方式实现此行为的有效方法。
可以将函数传递给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>