每日一坑:ant design 中的Confirm 请求结束后关闭

每日一坑:ant design 中的Confirm 请求结束后关闭

木子李 261 2021-11-25

点击按钮弹出Confirm提醒框,点击确定后发送请求,当请求结束后关闭当前Confirm提示框

代码演示:错误写法


this.$confirm({
title: '确认删除所选中数据?',
onOk () {
  return batchDelDept(id).then(() => {
    that.$message.success(
      '删除成功',
      3
    )
  })
 },
  onCancel () {}
})

正确写法:


this.$confirm({
title: '确认删除所选中数据?',
onOk () {
  batchDelDept(id).then(() => {
    that.$message.success(
      '删除成功',
      3
    )
  }).finally(() => {
    return false
  })
 },
  onCancel () {}
})

原因说明:不要再OK中直接返回操作,如果当前请求结果不为false时不会关闭当前Confirm