删除提示框 MessageBox弹框

最新推荐文章于 2024-09-14 08:30:00 发布

w宇宙王

最新推荐文章于 2024-09-14 08:30:00 发布

阅读量592

点赞数

分类专栏： elementui vue js 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/m0_52244931/article/details/127655658

版权

vue 同时被 3 个专栏收录

33 篇文章 0 订阅

订阅专栏

26 篇文章 1 订阅

订阅专栏

elementui

15 篇文章 0 订阅

订阅专栏

当删除table表格中的一条数据时，需要给与确认删除提示如下：
请添加图片描述
可使用 element-ui中的MessageBox弹框。如下代码


    handleDelete(index, row) {
      this.$confirm("此操作将永久删除该条数据, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(async () => {
          let res = await terminalDelete({
            ids: row.id,
          });
          if (res.code == 200) {
            this.$message({
              type: "success",
              message: "删除成功!",
            });
            this.init();
          }
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除",
          });
        });
    },