Bootstrap swal 嵌套时第二个swal 一闪而过的问题解决方案
Bootstrap swal 嵌套时第二个swal 一闪而过的问题解决方案
在使用swal进行提交确认时进行了嵌套swal的操作
swal(
{
title: '确定进行报交吗',
text: '',
icon: 'info',
showCancelButton: true,
cancelButtonText: '取消',
confirmButtonText: '确认',
buttons: {
cancel: true,
confirm: 'Confirm',
},
},
function () {
GetIsAudit();
},
);
发现嵌套的swal会一闪而过,并不能正确的显示,在网上找解决方案也没找到能够正确解决的解决方案,
最后发现 在嵌套的swal外加一个setTimeout就可以解决了。
setTimeout(function () {
swal({
title: response.data.message, //弹出框的title
text: '', //弹出框里面的提示文本
type: 'warning', //弹出框类型
showCancelButton: true, //是否显示取消按钮
confirmButtonColor: '#DD6B55', //确定按钮颜色
cancelButtonText: '取消', //取消按钮文本
confirmButtonText: '确定', //确定按钮上面的文档
closeOnConfirm: false,
buttons: {
cancel: true,
confirm: 'Confirm',
},
function() {},
});
}, 500);

浙公网安备 33010602011771号