在ElementUI的 MessageBox 弹框进行api接口请求

太过爱你忘了你带给我的痛 2023-10-11 10:42 105阅读 0赞

confirmDelete(row) {
          let that = this;
          let data = {
            id: row
          };
          that.$axios
            .post(api.destroymodule, data)
            .then(res => {
              if (res.data.success == true) {
                this.$message({
                  message: "删除成功",
                  type: "success",
                  duration:500
                });
              }
            })
            .catch(error => {
              console.log(error);
               this.$message({
              message: '删除失败',
              type: 'error'
            });
            });
        },
        async remover_handleClick(row) {
          let that = this;
    
          this.$confirm("此操作将永久删除该模块, 是否继续?", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          })
            .then(async () => {
              let msgRet = await this.confirmDelete(row.id);
            })
            .catch(() => {
              console.log("cancel");
            });
        },

转载于:https://www.cnblogs.com/wangshishuai/p/11460048.html

发表评论取消回复

表情：

评论列表（有 0 条评论，105人围观）

还没有评论，来说两句吧...

相关阅读

相关在ElementUI的 MessageBox 弹框进行api接口请求

confirmDelete(row) { let that = this; let data = { i

太过爱你忘了你带给我的痛/ 2023年10月11日 10:42/ 0 赞/ 106 阅读

相关 elementui 点击删除按钮弹出提示框

在使用 elementui 的时候，如果要点击删除按钮弹出提示框，可以使用 elementui 提供的 Dialog 组件。首先，在 template 中添加 Dialog

今天药忘吃喽~/ 2023年09月25日 15:29/ 0 赞/ 172 阅读

相关 ElementUI （dialog弹框）封装在组件中在父组件调用

再记一遍dialog在父组件中的调用问题！！具体实现：v-for循环生成的一个card信息，点击详情查看该card具体信息，详情页在dialog里显示。 ![在这里插

刺骨的言语ヽ痛彻心扉/ 2022年12月27日 11:05/ 0 赞/ 413 阅读

相关 Element MessageBox 弹框 $alert的使用

import { MessageBox } from "element-ui"; MessageBox.alert("未授权，请先登录", "提示",

比眉伴天荒/ 2022年12月25日 10:00/ 0 赞/ 561 阅读

相关 ElementUI MessageBox 弹框

一、概述在执行删除操作时，我们一般会添加一个删除确认框，当用户点击确认删除后在执行删除操作，这样能提升用用户体验，那么该如何快速实现呢？element中提供了相应

╰+攻爆jí腚メ/ 2022年11月01日 00:47/ 0 赞/ 284 阅读

相关 ElementUI - 手动关闭 messageBox 实例弹框

前言 > ElementUI - message Box文档 : [https://element.eleme.cn/\/zh-CN/component/message-

Myth丶恋晨/ 2022年10月12日 01:22/ 0 赞/ 431 阅读

相关解决elementui el-tooltip，在弹框之后再次出现的问题

elementui el-tooltip有个bug就就是当有模态确认框的时候，el-tooltip会再次出现，经过一系列问题的排查，是由于tooltip会默认给dom元素一个t

清疚/ 2022年09月16日 11:05/ 0 赞/ 463 阅读

相关 mint-ui 修改MessageBox.prompt弹框中input的默认值

MessageBox.prompt(' ', '修改用户名', {inputValue: '这里设置默认值'}).then(({ value, action }) =>

ゝ一世哀愁。/ 2022年05月08日 13:38/ 0 赞/ 541 阅读

相关【C#】——MessageBox 消息框

不用MessageBox的情况：有的部分用提示框反而麻烦些，可以选择用labal可以提示需要的信息： labShow.Visible = true;

红太狼/ 2022年04月11日 08:13/ 0 赞/ 542 阅读

相关 Notice-MessageBox 弹框

模拟系统的消息提示框而实现的一套模态对话框组件，用于消息提示、确认消息和提交内容。从场景上说，MessageBox 的作用是美化系统自带的 `alert`、`confirm

朴灿烈づ我的快乐病毒、/ 2022年03月22日 04:13/ 0 赞/ 325 阅读