关于SweetAlert弹窗重新触发及弹窗显示后执行页面刷新的技术咨询
关于SweetAlert弹窗重新触发及弹窗显示后执行页面刷新的技术咨询
嗨,我懂你遇到的问题了——现在你的代码一运行,页面直接就刷新了,完全看不到SweetAlert的弹窗提示对吧?
这是因为SweetAlert的弹窗是异步执行的,而你写的window.location.reload()是同步运行的代码,它会在弹窗还没来得及渲染显示的时候,就直接触发页面刷新了,所以弹窗根本没机会展示出来。
要解决这个问题,你需要利用SweetAlert的回调机制,等用户和弹窗交互完成(比如点击了“Okay!”按钮)之后,再执行页面刷新操作。修改后的代码如下:
// sweetalert framework swal({ title: "Good job!", text: "Profile Update Successfully!", icon: "success", button: "Okay!", }).then(() => { // 当用户点击弹窗按钮后再执行刷新 window.location.reload(); });
这样调整之后,弹窗会正常显示出来,只有当你点击弹窗上的“Okay!”按钮时,页面才会触发刷新,完美解决你的需求~
备注:内容来源于stack exchange,提问作者udara lakshan
相关产品推荐
相关产品推荐

