本文介绍了解决Vue中特定情况下$confirm弹窗无法自动关闭的问题。通过使用destroy()方法，在页面销毁前调用该方法来确保弹窗被正确关闭。
项目场景：
需求存在有一个全局最高层弹窗，点击跳转特定页面
问题描述：
使用modal，弹出的弹窗是通过v-model="visible"判断显示的，都可以在页面跳转后正常被关闭，但使用this.$confirm弹出的弹窗无法自动被关闭，则出现在特定页面出现上个界面的提示。
解决方案：
通过查看官方文档发现了destroy()的方法
则可以在data中定义modal，再使用
this.modal=this.$confirm({
title: “提示”,
content: “确认要删除吗？”,
onOk() { },
onCancel() {}
})
在页面销毁前：
beforeDestroy() {
//防止用户点击全局提示时，弹窗还在
this.modal.destroy();
}
既可
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
