带有this.$confirm的页面刷新后先弹窗
时间: 2023-10-14 09:28:44 浏览: 74
elementUI vue this.$confirm 和el-dialog 弹出框 移动 示例demo
这个问题可能是因为页面刷新后,之前的确认弹窗的状态并没有被清除,导致页面刷新后马上弹出确认弹窗。
可以在页面刷新时,先调用this.$confirm的cancel方法,将之前的确认弹窗关闭。
例如:
```
beforeDestroy() {
this.$confirm({
title: '确定要离开此页面吗?',
message: '离开后未保存的数据将会丢失。',
cancelButtonText: '取消',
confirmButtonText: '确定',
}).cancel(); // 取消确认弹窗
}
```
这样,在页面刷新时,会先将之前的确认弹窗关闭,避免出现弹窗先出现的问题。
阅读全文