Loading

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);
posted @ 2020-06-08 16:09  SUBUG  阅读(1073)  评论(0)    收藏  举报