elementUI+VUE报Uncaught (in promise) cancel问题

最新推荐文章于 2023-10-21 22:39:18 发布
最新推荐文章于 2023-10-21 22:39:18 发布
阅读量3.8k 收藏 3
点赞数 1
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41212530/article/details/106614603
版权
在Vue项目中使用Element UI的$confirm组件时遇到Promise取消导致的Uncaught错误。解决方法是在代码中添加异常捕获，确保对取消操作进行适当处理。
摘要由CSDN通过智能技术生成

使用this.$confirm()这个组件的时候报以下错是因为没有对取消操作进行捕获，所以需要新增捕获异常的代码

在这里插入图片描述

代码如下

  self.$confirm('请在次确认是否对' + name + '进行撤销退保操作', '提示', {
   
                        confirmButtonText: '确定',
                        cancelButtonText:
最低0.47元/天 解锁文章
一只沙雕
关注
专栏目录
vant 2 弹出框报错 Uncaught (in promise) cancel
ahq2018的博客
06-12 1454
vue-cli3 + vant使用了Dialog异步关闭的官方示例, 点击取消时, 控制台报错 Uncaught (in promise) cancel, 不影响一般用户使用, 但是看着不舒服 原因分析： confirm使用了promise, 需要在confirm后加catch, 否则无法捕获错误...
element-ui报错：Uncaught (in promise) cancel
闪亮伞的博客
07-25 968
分析出现Uncaught(inpromise)cancel的原因因为this.$confirm方法内置promise方法不能去掉.catch(),没有.catch取消操作无法捕获.
element-ui 弹窗的this.$confirm框报错Uncaught (in promise) cancel
AreYouOkLei的博客
03-22 1808
this.$confirm('是否确认导出所有' + this.titleName + '数据项?', '警告', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).catch(() => {}) 要加.catch(() => {})
element-ui报错：Uncaught (in promise) cancel，在使用this.$confirm中报错
changyana的博客
10-13 539
这是因为this.$confirm的使用是要带.catch()函数的，如果删除了则会出现如上报错。点击了关闭按钮就会报错。
vue element-ui 删除时报错 Uncaught (in promise) cancel问题
yehaocheng520的博客
09-24 961
element-ui 删除弹窗处理 在删除数据的时候，需要有个弹窗提示是否删除，如果点击取消，则弹窗消失，如果点击确定，则调用删除接口。 this.$confirm("此操作将永久删除, 是否继续?", "提示", { closeOnClickModal: false, type: "warning" }).then(() => { //此处的del就是一个删除数据的接口，传递的数据就是row.id这个id唯一值 del(row.id).then(() => { this.
【VUE】element中$message的使用报错Uncaught (in promise) TypeError: Cannot set property ‘type‘ of undefined
IU
07-07 4033
报错内容 Uncaught (in promise) TypeError: Cannot set property 'type' of undefined 引起原因 //后台返回的东西中是 messsage //而我使用的是 this.$message.success(res.response.message); //其实是后台的错误 //修正后 this.$message.success(res.response.messsage); ...
vue 箭头函数与function函数的区别
w_t_y_y的博客
09-22 2429
一、回调函数： 二、this指向问题：
控制台报错 Uncaught (in promise) cancel
weixin_49684597的博客
01-21 1212
解决报错 Uncaught (in promise) cancel
element-ui组件MessageBox 弹框确认消息报Uncaught (in promise) error
Joker的博客
06-27 1396
问题场景：前端使用vue-admin-teamplate-master搭建，写了删除一行数据的功能，在按钮点击删除后提示删除成功，但是随后先报了绿框提示删除成功，随后弹出红框但是没有提示信息，浏览器F12显示Uncaught (in promise) error。 组件地址：element-ui组件地址 源码： 首先是index.vue页面部分点击事件绑定 //删除的方法 removeDataById(id) { // console.log(id) //调用方法根据id删
Vue Router: Uncaught (in promise) Error: Navigation cancelled
sunshineTing2的博客
03-09 945
解决编程式路由往同一地址跳转时会报错的情况 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-ui Uncaught TypeError: Cannot set property 'status' of undefined
热门推荐
samuBO的博客
08-26 1万+
用element-ui 的 <el-upload>>组件实现文件上传，出现以下错误 Uncaught TypeError: Cannot set property 'status' of undefined at s.handleProgress (vendor.dll.js:44) at Object.onProgress (vendor.dll.js:44) ...
vue elementUI Uncaught (in promise) cancel的报错问题
天渺(喵)工作室
08-18 949
this.$confirm 源代码方法是基于new Pormise 方法来操作的 方法末尾的catch 是不能删除的,需要存在抛出错误的地方 this.$prompt('请输入分类名称', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', inputPattern: /^[\s\S]*.*[^\s][\s\S]*$/, inputErrorMessage: .
获取el-dialog内元素出现Uncaught (in promise) TypeError:Cannot set properties of null (setting ‘innerHTML‘)
m0_64284147的博客
08-12 537
根据element-ui的官方文档介绍，Dialog是懒渲染的，在第一次被打开之前都不会渲染到DOM上，如果在Dialog在未渲染的时候就进行getElementById的操作，就会报错。(2)先打开弹窗，然后使用this.$nextTick()方法把获取元素的操作套起来，即先打开，等待dialog渲染完成之后再调用getElementById获取元素。(1)可以使用文档里在open事件回调中进行元素操作。JavaScript部分。JavaScript部分。
elementui Uncaught (in promise) cancel错误解决办法
前端小鱼
11-21 1127
elementui messageBox $prompt用法
【vue】使用elementplus组件出现(promise) TypeError: Cannot set properties of null (setting ‘visible‘)的处理方案
nruuu的博客
08-21 4490
Uncaught (in promise) TypeError: Cannot set properties of null (setting 'visible') 报错的解决方案
引用elementUI时出现Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
GuiBing_haonan的博客
04-07 996
浏览器控制台报错： 原因：引入js的顺序不对 解决方案：vue文件优先于elementui文件
Uncaught (in promise) TypeError: Cannot set properties of undefined (setting ‘tableData‘)
最新发布
m0_57533018的博客
10-21 4341
错误：Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'tableData')即：此时 =>{} 中的 this 与 created 中 this 一致。箭头函数：作用域继承他的父级（created）但用 function 就不一致了。这里为回调函数，作用域会发生变化。原因：js作用域问题。
elementui+vue
10-17
element-ui 是一套基于 Vue.js 2.0 的 UI 组件库，它提供了一些常用的组件，如按钮、输入框、表格、弹窗等等，可以帮助开发者快速构建页面。Vue.js 是一个渐进式 JavaScript 框架，它可以帮助开发者构建用户界面。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值