[Elment] Uncaught (in promise) cancel 解决办法

最新推荐文章于 2025-12-25 06:00:00 发布

原创最新推荐文章于 2025-12-25 06:00:00 发布 · 1.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

error

当前文章被收录于：

error

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了在使用confirm对话框时遇到的取消操作未被捕获的问题及其解决方案。通过添加.catch()来处理取消操作，确保程序的健壮性。

使用confirm时，报如下错误：

Uncaught (in promise) cancel

效果如下：
在这里插入图片描述
原因：因为confirm省略了.catch()，从而无法捕获confirm取消的操作。这里.catch()不能省略。
解决：添加.catch()，把错误return 出去就行

async removeUserById(id) {
     const confirmResult = await this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
     }).catch(err=>err) // .catch()不能省略
     console.log(confirmResult);     
}