Uncaught (in promise) cancel 报错及解决方法

最新推荐文章于 2024-12-02 13:59:15 发布

原创

最新推荐文章于 2024-12-02 13:59:15 发布 · 2.3w 阅读

43 ·

CC 4.0 BY-SA版权

文章标签：

#elementui

在使用 Element UI 的 confirm 组件时，点击取消可能会导致未捕获的错误。错误源于缺少对取消操作的错误处理。解决方法是在 then() 方法后面添加 catch() 块来捕获并处理取消操作的事件。正确做法是在 clickDelete 方法中添加 .catch(() => {}

在使用element的confirm组件时，点击取消可能会提示一条错误。如下：
在这里插入图片描述

使用法式如下：

methods:{
   
   
	clickDelete(){
   
   
		this.$confirm("确认删除此内容吗?", "提示", {
   
   
        confirmButtonText: "确定"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Dark_programmer

关注关注

38
点赞
踩
43

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue Router: Uncaught (in promise) Error: Navigation cancelled

sunshineTing2的博客

03-09

1055

解决编程式路由往同一地址跳转时会报错的情况 Uncaught (in promise) Error: Navigation cancelled from "xxx" to "xxx" with a new navigation. 解决：在router文件夹下等index.js文件中写入 // router文件夹下等index.js文件中写入 //解决编程式路由往同一地址跳转时会报错的情况 const originalPush = VueRouter.prototype.push const original

element提示框点击取消报错

lg120的博客

03-25

971

【代码】element提示框点击取消报错。

2 条评论您还未登录，请先登录后发表或查看评论

elementui Uncaught (in promise) cancel错误解决办法

前端小鱼

11-21

1264

elementui messageBox $prompt用法

axios使用 cancel token 取消请求，报错Uncaught (in promise)，错误信息为canceled

ysml_mj的博客

07-19

4115

在使用取消axios请求时报错Uncaught(inpromise)，错误信息为canceled

element-ui报错：Uncaught (in promise) cancel

maichaoqun的博客

04-22

1万+

分析：出现Uncaught (in promise) cancel的原因因为this.$confirm方法内置promise方法不能去掉.catch(),没有.catch取消操作无法捕获. 会报错的用法如下：控制台报错如下：正确用法如下： ...

Uncaught (in promise) TypeError: Cannot read property 'cancelToken' 报错解决方法

07-11

在上面的示例中，如果需要取消请求，你可以调用 `source.cancel()` 方法。确保按照以上步骤检查和设置你的代码，这样应该能够解决报错问题。如果问题仍然存在，请提供更多的上下文信息，以便我能够更好地帮助你...

Uncaught (in promise) cancel

07-26

- *1* *3* [vant 2 弹出框报错 Uncaught (in promise) cancel](https://blog.youkuaiyun.com/nhq2018/article/details/125243932)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source...

控制台Uncaught (in promise) cancel 报错问题

qq_53114797的博客

04-20

753

这个报错一开始我也很懵逼，因为他也没说具体说是什么问题，也是我在随便点点一些交互的时候发现的这个问题，后面发现这个问题其实是使用ElementUI方法没有定义完全导致的。elementUI有很多dialog的弹出框，都有确认和取消的选型，选型也对应的各个方法，这边就是因为我们定义对应的方法导致这个报错。因此我们需要为这个promise添加一个catch事件，也就是为dialog的方法的取消按钮添加一个事件方法。点击删除，会弹出确认框，点击取消，就会出现该错误。组件时，点击取消可能会提示一条错误。

Vue.js前台报Uncaught (in promise) cancel

qq_44405452的博客

07-28

2111

Vue.js前台报Uncaught [in promise cancel]原因：解决方法：原因： this.$confirm方法内置promise方法，所以不能把.catch()去掉（因为取消操作时，无法捕获）解决方法： //弹框提示是否确认修改 let confirmResult = await this.$confirm("确认修改吗？",'提示',{ confirmButtonText: '确定', cancelButton

vue右滑删除报错 Uncaught(in promise) cancel

陌上人如玉，公子世无双

10-02

618

原因点击取消按钮时，报了这个错误，是因为在代码中只写了点击确认后的时间，而点击取消的事件没有写，以至于爆红。解决 .then 后面一定要加上.catch(() =>{ }) ...

Vue.js前台报Uncaught (in promise) cancel错误解决办法

Uncaught (in promise) cancel 报错 及 解决方法

Uncaught (in promise) cancel 报错及解决方法