ant-design-vue中this.$confirm 确认框使用

cancelService (obj) {
   let self = this
   this.$confirm({
      title: '确认提示',
      content: `是否确认取消服务？`,
      okType: 'danger',
      onOk () {
         return new Promise((resolve, reject) => {
            let data = {
               "apply_id": self.dataArea.apply_id
            }
            api.cancelServer(data).then(res => {
               if (res.status === 0) {
                  self.$message.success("服务取消成功! ")
                  self.auditForm.resetFields()
                  self.formModal = false
                  self.$emit("on-update")
               } else {
                  self.$message.error("服务取消失败：" + res.data)
               }
            }).catch((e) => {
               self.$message.error("服务取消失败")
            }).finally(() => {
               resolve()
            })
         })
      }
   })
}

确认框中用到的当前作用域this需要提前替换为局部变量，否则浏览器会提示无法获取该属性。最后的finally中需要调用Promise的参数方法resolve()，用于程序继续向下执行，否则会出现假死。