vue + element-ui中的$confirm的使用

最新推荐文章于 2024-08-22 11:52:08 发布

原创最新推荐文章于 2024-08-22 11:52:08 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue+element 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在项目开发中利用Element-UI库的$confirm组件进行操作确认，通过简单的API实现警告提示，确保关键任务的正确执行与用户交互的友好性。

项目中总会遇到需要二次确认的操作，这样可以直接使用element-ui的$confirm实现该功能！

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