vue中$confirm弹出时就直接走then方法了

最新推荐文章于 2024-08-09 16:52:18 发布

假装的妆

最新推荐文章于 2024-08-09 16:52:18 发布

阅读量4.5k

点赞数

分类专栏： vue confirm 文章标签： vue confirm message

本文链接：https://blog.csdn.net/weixin_41796860/article/details/108595194

版权

vue 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

confirm

1 篇文章 0 订阅

订阅专栏

项目中遇到这样的情况：confirm框一弹出来就立马执行了then方法中的代码，不符合业务逻辑

在这里插入图片描述
代码如下：

this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(
          this.$message({
            type: 'success',
            message: '删除成功!'
          })
        
      ).catch(function(){})

解决办法：then应该是个函数

this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() =>{
          this.$message({
            type: 'success',
            message: '删除成功!'
          })
        }
      ).catch(function(){})
      ```