日常使用代码块:elementUImessagex弹窗(确定按钮在左边)

最新推荐文章于 2025-06-11 15:15:59 发布

AlexKain

最新推荐文章于 2025-06-11 15:15:59 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

文章标签：日常使用 msg弹窗

本文链接：https://blog.youkuaiyun.com/webfullstack/article/details/86479439

element-ui 同时被 2 个专栏收录

28 篇文章

订阅专栏

常用

3 篇文章

订阅专栏

本文介绍了一段用于在用户界面中展示删除确认对话框的代码片段，该代码使用了Vue.js框架，并通过$confirm方法实现。当用户尝试删除某条记录时，将弹出一个警告级别的对话框，询问用户是否确实要进行删除操作。如果用户确认删除，将调用API进行删除操作并刷新列表；如果用户取消，将显示一条信息提示。

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

日常使用代码块备份

this.$confirm('确定删除该条记录吗?', '提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  customClass: 'confirm-box',
  type: 'warning'
}).then(() => {
  if(!this.isValidNot0(item.id)){this.msg('该条记录的ID无效','error');return}
  let delParam = {
    comsnCalcPerdId:item.id
  }
  apiDelComsnCalc(delParam,res=>{
    if(res.data.errcode == 0){
      this.msg('操作成功','success');
      this.getList();
    }
  })
}).catch(() => {
  this.$message({
    type: 'info',
    message: '已取消删除'
  });          
});