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

代码块：记录删除确认框

原创于 2019-01-14 16:25:10 发布 · 3.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#日常使用 #msg弹窗

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

28 篇文章

订阅专栏

常用

3 篇文章

订阅专栏

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

日常使用代码块备份

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: '已取消删除'
  });          
});