elementui使用this.$confirm报错Uncaught(in promise) cancel

最新推荐文章于 2023-11-02 17:59:36 发布

**瑱

最新推荐文章于 2023-11-02 17:59:36 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： elementui

本文链接：https://blog.csdn.net/CDZAllier/article/details/107598690

elementui 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了在Vue项目中如何使用Element UI的ElButton组件结合MessageBox进行弹窗确认操作，展示了如何通过代码实现文件删除前的警告对话框，并处理用户响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里需要对其抛异常：

<template>
  <el-button type="text" @click="open">点击打开 Message Box</el-button>
</template>

<script>
  export default {
    methods: {
      open() {
        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$message({
            type: 'success',
            message: '删除成功!'
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });          
        });
       //}).catch(e => e)
      }
    }
  }
</script>

句型：

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