element - 如何通过js调用el-confirm组件？

最新推荐文章于 2023-05-26 16:53:02 发布

Dark_programmer

最新推荐文章于 2023-05-26 16:53:02 发布

阅读量1.1k

点赞数

分类专栏： elementUI 文章标签： elementui

本文链接：https://blog.csdn.net/Dark_programmer/article/details/126784130

版权

elementUI 专栏收录该内容

19 篇文章 3 订阅

订阅专栏

1. 场景描述

关于el-confirm，意在防止误点击的操作。

官方用法如下：
在这里插入图片描述

这种用法肯定不能满足所有的需求，如下需求即不能满足。

按钮是遍历接口返回的数组，在点击特定按钮时需要弹出确认弹窗

那么该如何实现这个需求呢？

2.实现方案：

btnsCallback(){
  this.$confirm("是否确认要删除该数据吗?", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning"
  })
    .then(res => {
      // 点击了确定按钮
    })
    .catch(err => {
      //点击了取消按钮
    });
}