首页 > 其他分享 >Vue 删除取消时报Uncaught (in promise) cancel错误解决方法

Vue 删除取消时报Uncaught (in promise) cancel错误解决方法

时间:2023-03-08 10:25:04浏览次数:43  
标签:Vue 删除 confirm self catch promise cancel 方法

Vue 删除取消时报Uncaught (in promise) cancel错误,如下图:

 

 

 原因:this.$confirm方法内置promise方法, 所以.catch()不能省略(因为取消操作时,无法捕获),虽然不影响操作,但操作台报错

重点:在this.$confirm方法后加上  .catch(() => {})

 del() {
      let self = this
      if (!this.selectedNode) {
        this.$message.warning('请选择要删除的信息')
        return
      }
      //   确定要将选中的所有层级信息删除吗?
      self
        .$confirm('信息删除将无法找回,请仔细确认是否删除所选信息!', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
        .then(() => {
          return remove(self.selectedNode.id)
        })
        .then(() => {
          self.onLoad(self.page)
          self.$message({
            type: 'success',
            message: '操作成功!',
          })
          this.loadTree()
        })
      .catch(() => {})//在this.$confirm方法后加上.catch方法即可,注意方法内部要写完整格式,否则可能不生效
    },

 

标签:Vue,删除,confirm,self,catch,promise,cancel,方法
From: https://www.cnblogs.com/luckybaby519/p/17190996.html

相关文章

  • VUE上传文件夹的三种解决方案
    ​对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程......
  • vue和原生交互
    vue调用原生的方法varu=navigator.userAgent;varisAndroid=u.indexOf("Android")>-1||u.indexOf("Adr")>-1;//android安卓varisiOS=!!u.m......
  • 组合式vue
    vue组合式风格setup所有使用到的响应式状态都应在setup函数里面定义。<script>//`setup`是一个专门用于组合式API的特殊钩子函数setup(){conststate=r......
  • 在Vue中体验LeanCloud无后台轻量级数据存储服务
    ......
  • Vue3 使用 vant中的swipe,添加左右箭头切换轮播
    vant中的 swipe 是带有左右箭头切换轮播方法的,只不过文档中没有相关的案例。  我这边使用的是vue3ts写的这个功能。页面部分   定义一个方法,ref="swi......
  • vue3:setup语法糖使用教程
    setup语法糖简介直接在script标签中添加setup属性就可以直接使用setup语法糖了。使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可......
  • antdesign-vue 遇到的一些问题
     问题:点击展开没反应 解决办法::expanded-row-keys.sync="expandedRowKeys"去掉即可......
  • Vue el-form回车想提交表单数据,但会刷新页面的解决办法
    原因W3C标准中有如下规定Whenthereisonlyonesingle-linetextinputfieldinaform,theuseragentshouldacceptEnterinthatfieldasarequesttosubmi......
  • vue2与vue3不同点:opitons api 与cmposition api
    vue2:optionsapi采用的是命令式编程,而vue3组合式api采用的是函数式编程,两者存在很大的差异,vue3更灵活,难度也更大。script语法糖,vue3可以通过导入函数的方式来定义响应......
  • vue-router的笔记
    路由:hash地址与组件之间的对应关系SPA:单页面应用程序前端路由的工作方式1、用户点击了页面上的路由链接2、导致了url地址栏的hash值变化3、前端路由监听到了hash地址......